html,body{margin:0;padding:0}
body{background:#000 url(../img/stars.svg) repeat;color:#e0e0e0;font-family:"Times New Roman",Times,serif;font-size:16px;padding:12px 4px 30px;animation:drift 120s linear infinite}
@keyframes drift{from{background-position:0 0}to{background-position:-400px 200px}}
a{color:#3399ff;text-decoration:underline}
.construction{width:760px;max-width:100%;box-sizing:border-box;margin:0 auto 10px;padding:8px 0;text-align:center;border:3px outset #888;background:repeating-linear-gradient(-45deg,#ffd200 0 18px,#111 18px 36px)}
.construction .label{display:inline-block;background:#ffd200;color:#000;border:2px solid #000;padding:4px 18px;font:bold 26px/1 Impact,"Arial Black",sans-serif;letter-spacing:3px}
a:visited{color:#cc66ff}
a:hover{color:#ffff00;background:#000080}
.small{font-size:12px;font-family:Verdana,Tahoma,sans-serif}
.tiny{font-size:9px;font-family:Verdana,Tahoma,sans-serif;color:#888}
.blink{animation:blink 1s steps(1,end) infinite}
@keyframes blink{50%{visibility:hidden}}
 background:repeating-linear-gradient(-45deg,#ffd200 0 18px,#111 18px 36px);text-shadow:0 0 0 #000}
.frame{max-width:100%;table-layout:fixed;border:4px ridge #c0c0c0;background:#000020}
.header{background:linear-gradient(#000080,#000040);border-bottom:3px groove #c0c0c0;text-align:center;padding:8px}
h1{margin:4px 0 8px;font-family:"Comic Sans MS","Comic Sans",cursive;font-size:34px}
.rainbow{background:linear-gradient(90deg,#f00,#f90,#ff0,#0f0,#0ff,#36f,#f0f,#f00);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rb 3s linear infinite}
@keyframes rb{to{background-position:200% 0}}
.marquee{overflow:hidden;max-width:100%;width:100%;white-space:nowrap;background:#000;border:2px inset #808080;color:#0f0;font-family:"Courier New",monospace;font-size:14px;padding:3px 0}
.marquee span{display:inline-block;padding-left:100%;animation:mq 28s linear infinite}
@keyframes mq{to{transform:translateX(-100%)}}
.sidebar{background:#000040;border-right:3px groove #c0c0c0;padding:8px;font-family:Verdana,Tahoma,sans-serif;font-size:13px}
.navhead{background:#800080;color:#ffff00;font-weight:bold;text-align:center;padding:2px;border:2px outset #c080c0;margin:6px 0 4px}
.counter-box{text-align:center;margin:0 0 10px;border:2px inset #808080;padding:6px;background:#000}
.counter-img{display:inline-block;margin:4px 0;image-rendering:auto}
.email{text-align:center;margin-top:10px}
.spin{display:inline-block;color:#ff0;animation:spin 2s linear infinite}
@keyframes spin{to{transform:rotateY(360deg)}}
.main{padding:10px 16px;line-height:1.35}
h2{font-family:"Comic Sans MS","Comic Sans",cursive;color:#ff66ff;border-bottom:2px dashed #ff66ff;margin:6px 0 10px;font-size:24px}
.new{font:bold 11px Verdana,sans-serif;color:#fff;background:#f00;padding:1px 3px;vertical-align:middle;animation:blink .8s steps(1,end) infinite}
.rainbow-hr{border:0;height:4px;background:linear-gradient(90deg,#f00,#f90,#ff0,#0f0,#0ff,#36f,#f0f)}
.narc{text-align:center;color:#ff0;font-weight:bold;font-family:"Comic Sans MS",cursive}
.links{border-color:#808080;background:#000;font-family:Verdana,sans-serif;font-size:14px}
.links td{border-color:#404040}
.wall-title{margin:22px 0 6px;font:bold 18px "Comic Sans MS",cursive;color:#0ff}
.wall{width:760px;max-width:100%;line-height:0;padding:6px;box-sizing:border-box;background:#111;border:3px ridge #808080}
.wall img,.wall a{display:inline-block;margin:2px;vertical-align:top;image-rendering:pixelated}
.wall a:hover{background:none}
.wall img:hover{outline:2px solid #ff0}
.footer{margin-top:14px;color:#aaa}
.frame{width:760px}
.marquee{position:relative;height:18px;padding:3px 0}
.marquee span{position:absolute;left:0;top:3px;white-space:nowrap;padding-left:0;animation:mq2 28s linear -8s infinite}
@keyframes mq2{from{transform:translateX(760px)}to{transform:translateX(-100%)}}

.gb-form{font-size:12px;margin:4px 0 8px;padding:6px;background:#000;border:2px inset #808080}
.gb-form input[type=text],.gb-form textarea{width:100%;box-sizing:border-box;font:12px "Courier New",monospace;background:#fff;color:#000;border:2px inset #c0c0c0}
.gb-form input[type=submit],.gb-form input[type=reset]{font:bold 11px Verdana,sans-serif;background:#c0c0c0;border:2px outset #fff;margin-top:4px;cursor:pointer}
.gb-title{text-align:center;color:#0ff;font:bold 13px "Comic Sans MS",cursive;margin-bottom:4px}
.blink-slow{animation:blink 1.6s steps(1,end) infinite}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gb-notice{background:#ffff99;color:#000;border:2px dashed #f00;padding:4px;margin:4px 0;font-size:11px;text-align:center;font-weight:bold}
.gb-entry{background:#000020;border:2px ridge #8080c0;padding:4px 5px;margin:0 0 6px;font-size:12px;word-wrap:break-word;overflow-wrap:anywhere}
.gb-entry .gb-name{color:#ff0;font-weight:bold}
.gb-entry .gb-date{color:#999;font-size:10px;float:right}
.gb-entry .gb-msg{color:#e0e0e0;margin-top:2px}
.gb-empty{color:#999;font-size:11px;text-align:center;font-style:italic}