@font-face {font-family: 'pixel';src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}@font-face {font-family: 'ronda';src: url('https://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');}* {box-sizing: border-box;}body {font-family: 'pixel', ms gothic, monospace, Arial;font-size:10px;line-height:10px;letter-spacing:1px;margin: 0 auto;background:#f8f8f8 url(https://64.media.tumblr.com/15c18eb6be02e6b62601f109f677b598/47d032ea233c8d6b-19/s100x200/fd65edf5a03d67e051bbad76621fc4c24ae8dfd8.gifv);}a:link, a:visited, a:active {font:9px ms gothic, monospace;line-height:10px;color:#000;text-decoration:none;}a:hover {color:#111;text-decoration:underline;}b {color:#000;font-weight:bold;}i {color:#888;font-weight:bold;font-style:normal;}u {color:#888;text-decoration:underline;}::-webkit-scrollbar-thumb {background-color: #fff;border:1px solid #333;border-radius: 5px;}::-webkit-scrollbar {width: 5px;height: 0px;background: transparent;}.sitename {font:normal 25px 'pixelify sans';color:#000;text-shadow: 1px 1px 2px #ccc;text-align:center;letter-spacing:5px;line-height:35px;}.title {font: 8px 'ronda', verdana;color:#111;letter-spacing:3px;text-align:left;padding-left:4px;margin-bottom:7px;text-transform:uppercase;text-shadow:0px 0px 1px #bbb;line-height:11px;border-bottom:1px solid #999;}.x {float:right;height:9px;}.slogan {text-align:center;color:#888;font:italic 10px georgia, 'silkscreen', arial;text-transform:lowercase;margin-top:3px;letter-spacing:2px;}.box {padding:4px;background: #FFF;border:1px solid #333;background-color: #fdfdfd;box-shadow: 5px 6px #333;margin-bottom:17px;border-radius:5px;margin-right:12px;}.scrollbox {height:100px;overflow:auto;overflow-x:hidden;padding:4px;background: #FFF;border:1px solid #333;background-color: #fdfdfd;box-shadow: 5px 6px #333;margin-bottom:17px;border-radius:5px;margin-right:12px;}.header {margin: 0 auto;width: 100%;max-width: 700px;background:transparent;padding: 20px;padding-top:60px;text-align: center;}.navbar {margin: 0 auto;width: 100%;display: flex;max-width: 700px;text-align:center;}.navbar a {background:#222;margin-right:6px;color: #ddd;font:bold 10px monospace, arial;line-height:10px;border-radius:5px;text-transform:uppercase;letter-spacing:3px;border-bottom:1px solid #fff;padding: 4px 16px;text-decoration: none;text-align: center;}.navbar a:hover {background-color: #ddd;color: #000;}.row {margin: 0 auto;width: 100%;max-width: 700px;display: flex;flex-wrap: wrap;}.side {flex: 27%;padding-top:6px;margin: 0 auto;}.main {flex: 73%;padding-top: 6px;margin: 0 auto;}.footer {margin: 0 auto;width: 100%;max-width: 700px;padding: 20px;text-align: center;border-top:1px dashed #333;}@media screen and (max-width: 640px) {.row {flex-direction: column-reverse;}.navbar {flex-direction: column;}}