body{font-size:16px;font-family:sans-serif;line-height:150%;color:#222;background-color:#eee;padding:0;margin:0;background-size:cover;background-attachment:fixed}
code{font-size:14px;font-family:monospace}
pre{font-size:14px;font-family:monospace;text-align:left;padding:5px;padding-left:10px;border-left:5px solid #EDD934;color:#111;background-color:rgba(255,255,255,0.5);overflow:auto}
hr{height:0;border-width:0;border-bottom:1px solid #666}
table{width:100%;border-spacing:1px;border-collapse: separate}
th{padding:15px;color:#111;background-color:rgba(222,222,222,0.7);}
td{padding:15px;color:#222;background-color:rgba(222,222,222,0.6);}

button{cursor:pointer;width:150px;height:50px;font-weight:bold;background-color:#333;color:#fff;margin:10px;border-width:0;border-radius:5px}
button:hover{background-color:#d40055}

a:link{color:#5896c8;background-color:transparent;text-decoration:none}
a:visited{color:#5896c8;background-color:transparent;text-decoration:none}
a:hover{color:#00558E;background-color:transparent;text-decoration:underline}
a:active{color:#00558E;background-color:transparent;text-decoration:none}

@font-face{font-family:titlefont;src:url(titlefont.woff)}
#mixer{font-family:titlefont;text-align:center;font-size:6vw;font-variant:small-caps;color:rgba(255,255,255,.8);background-color:rgba(230,230,225,0.5);width:100%;padding:1% 0 2% 0}
#mixer span{display:inline-block;line-height:5vw;padding:20px;padding-bottom:0;text-shadow:2px 2px 5px #888;}
#mixer b{display:block;font-size:18px;font-weight:bold;color:rgba(0,0,0,0.7);margin:10px}
.c900px{width:1200px;max-width:98%;margin:auto}

#holder{background-color:rgba(230,230,225,0.6);border-bottom:5px solid #ebe8dd;box-shadow:-2px 0 5px #888;}
#menu_h{background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,.9),rgba(255,255,255,0));display:flex;flex-wrap:nowrap;justify-content:center;opacity:0;font-size:13px;overflow:hidden}
#menu_h a{color:#000;background-color:rgba(255,255,255,.5);text-transform:uppercase;padding:1px 8px 2px 8px;display:inline-block;margin:0;white-space:nowrap}
#menu_h a:hover{background-color:rgba(0,0,0,.8);color:#fff;text-decoration:none}

#hamburger{position:fixed;top:10px;left:10px;width:40px;height:40px;cursor:pointer;display:none;border-radius:100%;background-size:70%;background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.7);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzExMSIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6Ii8+PC9zdmc+)}
#menu_v{position:fixed;top:0;left:0;bottom:0;padding:10px;color:#000;background-color:#eee;;box-shadow:0 0 5px #888;display:none}
#menu_v a{color:#5896c8;display:block;text-align:right;margin:8px;margin-right:20px;font-weight:bold;text-transform:lowercase;font-variant:small-caps}
#menu_v a:hover{text-decoration:none}

#content{text-align:justify;margin:0 30px 30px 30px;padding-top:30px}

#chat_box{position:fixed;overflow:hidden;display:none;background-color:#eee}
#chat_box iframe{height:100%;border-width:0}
.chat_mobile{top:0;left:0;right:0;bottom:0}
.chat_desktop{top:0vw;left:0;right:0;bottom:0;border:0.5vw solid #eee}

#hideblab{position:fixed;top:1vw;left:48%;background-color:#EDD934;cursor:pointer;border-radius:0 0 2px 2px;display:none}
#hideblab i{display:block;width:25px;height:25px;transform:rotate(90deg);background-size:90%;background-position:center;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij48cGF0aCBkPSJNMTIgOFY0bDggOC04IDh2LTRINFY4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)}
#hidehint{position:fixed;top:3vw;left:48%;background-color:#000;color:#fff;padding:5px;font-size:80%;border-radius:0 6px 6px 6px;display:none}

#whosonline{position:fixed;bottom:-500px;right:0;left:0;padding:10px 0 10px 0;overflow:auto;text-align:center;background-color:rgba(255,255,255,.5)}
#whosonline div{display:inline-block;background-color:#eee;border-radius:100%;border:5px solid #fff;text-align:center;margin:5px;width:70px;height:70px;background-size:110%;background-position:center;background-repeat:no-repeat}
#whosonline small{display:inline-block;padding:3px;font-size:12px;line-height:12px;border-radius:5px;color:#fff;background-color:rgba(0,0,0,.5)}

.online_ani{animation:shoo 20s ease-in 1 forwards}
@keyframes shoo{0%,10%,100%{bottom:-500px}15%,95%{bottom:0}}