body {background-image: url(bgs/bg_rblx.png); color: black; font-family: arial; margin: 0; padding: 0; border: 0; text-align: left;}

header {border: 0px; padding: 0%; margin: 0% 2% 2% 2%; text-align: center;} /* !!MARGIN TOP RIGHT BOTTOM LEFT!! */

footer {border: 0px; padding: 1%; margin: 0% 2% 2% 2%; text-align: center;}

main {background-color:#ffe7b2; border: 5px; border-style: outset; line-height:1.3; border-color:#ffe8a1; padding: 1%; margin: 1% 2% 1% 2%; text-align: left; font-size: 16px;}
.main {width: 800px; padding: 1% 0 1% 0; display:inline-block; position:absolute; top:0; left:220px; min-height:calc(100% - 32px)}

iframe {background-color:#ffe7b2; float: right; border: 5px; border-style: outset; border-color:#ffe8a1; padding: 0; margin: 1% -1% 1% 2%;}

table {width: 60%; border-collapse: collapse;}
td, th {border: 3px solid #ffe7b2; text-align: left; padding: 8px;}
td.snd {width: 10%; text-align: center;}
td.fst {width: 25%;}
tr:nth-child(even) {background-color: #9dffbe;}
tr:nth-child(odd) {background-color: #7bffa7;}

.sidenav {width: 180px; height: 100%; padding: 15px; top: 0; left: 0; color: white; background-color: #222222; overflow-x: hidden; display:inline-block; position:fixed;}
.sidenav li {padding: 4px; color: #ffffff; list-style-type: none; margin: 0;}
.sidenav a {color: #87A9FF; text-decoration: none;}
.sidenav a:visited {color: #87cfff; text-decoration: none;}
.sidenav a:hover {color: #d4d4d4; text-decoration: underline;}

.opac {clear:both; display:inline-block; width:694; overflow:hidden; background-image:url("bgs/opaq4.png"); padding:2px;}
.time {text-align: left; margin:0px; font-size:16px; padding:8px 0px 4px 16px; line-height: 1; background-color:#222222; color:#f4f4f4; overflow:hidden;}

hr{border:3px dotted #ffe8a1; border-width: 3px 0 0 0}

h2 {margin: 12px 6px 12px 0px}

p {font-size: 16px;}

a {color: #3700ff; text-decoration: none; cursor: crosshair;}
a:visited { color: #ff8838; text-decoration: none; cursor: crosshair;}
a:hover {color: #ff8838; text-decoration: underline; cursor: crosshair;}

.img2{margin: 0 10px 5px 0;}

abbr {text-decoration: none; color: #000000;}
abbr:hover {text-decoration: none; color: #ff8838; cursor: crosshair;}

.red {color: #FF0000;}

.cr {font-size: 18px; padding-bottom: 5px; padding-top: 5px; text-align: left;}

.smol {font-size: 12px; text-decoration: none; list-style: none;}

.blink {
  animation: blink-animation 0.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 0.5s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}