.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} .fixed-t { width:100%; top:0; position: fixed; } .fixed-b { width:100%; bottom:0; position: fixed; } .our-green { background:mediumseagreen; color:white; }  .our-green-rgba { background:mediumseagreen; } .our-green-text { color:mediumseagreen; } .our-green-svg { fill:; stroke:; } .b { margin-top: 6px; margin-bottom: 6px; }
.our-color { color:#b71c1c; }
.avatar { border:#b71c1c 2px solid; padding:1px; background:#f2f2f2; } .our-bg { background:#b71c1c; } .full-width { width:100%; height: 45px; } .error { background:#ffe5e5; color:red; border-left:red 3px solid; padding:7px; font-style:bold; } .note { padding:7px; background: #e5f6ff; border-left:#00aaff 3px solid; color:#00aaff; font-style:bold; } .success { background: #e5ffe2; border-left:#00e600 solid 3px; color:#00e600; font-style:bold;padding:7px; }.orange { background:#FFA926; padding-top:55px;padding-bottom:55px;color:white;text-shadow:2px 2px 2px black; text-align:center; padding-left:2px;padding-right:2px; }input[type="text"],input[type="password"],input[type="email"],input[type="date"],input[type="color"],input[type="search"],input[type="number"],input[type="week"],input[type="file"] { width:100%; height:42px; border:#eee 1px solid;} input[type=submit] { background:gold;color:white;text-align:center; width:100%; height:42px; border:none; } input[type="radio"] { background:gold; width:20;height:20;border:gold 1px solid; }.dark #tic-tac-toe { background:#333333; border:1px solid #657786; color:white; } #tic-tac-toe
{ width: 220px; margin: 10px auto;
padding: 10px; box-sizing: border-box;
background: white; font-family:
sans-serif;border:#eee 1px solid; }#tic-tac-toe table
{ border-collapse: separate;
border-spacing: 0px; width: 100%;}
 .dark #tic-tac-toe td { background:#333333;border:1px solid #657786; color:white;} #tic-tac-toe td { width: 60px;
height: 60px; text-align: center;
vertical-align: middle; borderj:gold solid 1px; font-size:
24px; background: #fff; cursor: pointer;
box-sizing: border-box;} #tic-tac-
toe select, #tic-tac-toe button
{ padding: 8px;
margin-bottom: 10px; font-size:
16px; box-sizing: border-box;}
#tic-tac-toe button#reset
{ background-color: gold;
color: #fff; border: none; font-
weight: bold;}#tic-tac-toe
.message { text-align: center;
font-weight: bold; margin-top:
10px; padding: 8px; border-radius:
6px; font-size: 16px;}#tic-tac-toe
.win { background-color: #d4edda;
color: #155724; border: 1px solid
#c3e6cb;}#tic-tac-toe .lost
{ background-color: #f8d7da;
color: #721c24; border: 1px solid
#f5c6cb;}#tic-tac-toe .tie
{ background-color: #fff3cd; color:
#856404; border: 1px solid
#ffeeba;} .tie { background:#fff3cd; color:#856404; } .tie-border { border:solid 1px #ffeeba; }#body { background:#f8f8f8;overflow:hidden; margin:0px; text-decoration:none; } .header { background:white;padding-top:7px;padding-bottom:7px;padding-left:2px;padding-right:2px;border-bottom:1px solid lightgray; } .heade  { padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px; } #hicon { width:35px;height:35px; } .hcount { position:relative; } .hcount span { background:red;padding-left:1px;padding-right:1px;padding-top:3px;padding-bottom:3px;border:2px solid white;border-radius:9px 9px 9px; left:20px;bottom:20px; position:absolute; color:white; } .post { background:white; padding:7px;margin:2px;} .post img { stroke: blue; fill:red; } .lightgray { background:#f2f2f2;padding:1px; } img:alt { background:#f2f2f2; } .gohide {white-space: nowrap;overflow: hidden; text-overflow:ellipsis; } .status-list {widthj: 480px; } .status-list .w3-cell {text-align:center; widthj: 80px; padding-rightj:12px; overflow: hidden; } .status span {display: inline-block; background-color:lightgray; margin:4px; } .black-link { color:black; } .black-link a { color:black; } .white { background:white; color:black; } .input input { height:45px; } .input { } .margin { margin:6px; }
.svg-blackj { }
.svg-black { fill:none; stroke:black; stroke-width:2px; } .dark { background:#262626;} .dark body { color:white; background:black; } .dark .post { background:#000000; color:white; } .dark .header { background:#000000; color:white; } .svg-black-none { fill:none; stroke:black; stroke-width:2px; } .dark .svg-black-none { stroke:white; } .dark .svg-black { fill:none; stroke:white; } .dark .white { background:#000000; color:white; } .dark .black-link { color:white; } .dark .lightgray { background:#686868; color:white; } .border-l { border-left:#eee solid 1px; } .border-r { border-right:1px solid #eee; } .border-t { border-top:1px solid #eee; } .border-b { border-bottom:#eee 1px solid; } .border-all { border:#eee 1px solid; } .align { display: flex; align-items: center; justify-content: center; text-decoration: none; flex-grow: 1; } .modal { z-index: 3; display:none; padding-top:100px; position:fixed; left:0; top:0; width:100%; heightj:100%; padding-bottom:500px; overflow:hidden; background: rgb(0, 170, 255); background-color: rgba(0, 170, 255, 0.8); } .our-link {  } .our-link a { color:#00aaff; } .header-nav { border-bottom:2px #00aaff solid; padding-bottom:2px; padding-right:3px;padding-left:3px;padding-top:1px; } .header-nav .svg-black { stroke:none; fill:#00aaff; } .dark .border-all { border:#657786 1px solid; } .dark .border-t { border-top:#657786 solid 1px; } .dark .border-b { border-bottom:#657786 solid 1px; } .dark .border-l { border-left:1px solid #657786; } .dark .border-r { border-right:1px solid #657786; } .smoke { background:#f8f8f8; } .user1-list {width: 480px; } .user1-list .w3-cell {text-align:center; width: 80px; padding-right:12px; overflow: scroll; } .user1-list strong {width:70px;display:inline-block } .user1 a span {display: inline-block; border-radius: 12px; padding:2px; width:72px; height: 72px; margin:0; } .user1 img{width: 100%; height:100%; border-radius: 11px;padding: 5px; } .user1 i{width: 100%; height: 100%;border-radius: 11px; font-size:40px; color:#fff; border:5px solid #fef7f2; display:inline-block;padding:8px 0 } .user1 strong{ display: block; font-weight: 500; font-size: 16px;padding: 6px 0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; overflow:hidden; } .dark a { color:white; } .dark .smoke { background:#000111; }.our-gradient_to-right { background-color: #00aaff; /* For browsers that do not support gradients */ background-image: linear-gradient(to right, #00aaff , #cc66ff); color:white;
} .our-gradient_to-bottom { background-color: #00aaff; /* For browsers that do not support gradients */ background-image: linear-gradient(to bottom, #00aaff , #cc66ff);
color:white; } .ellip th, td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 50px; /* Set a max width for ellipsis */ }