body{color:#fff;font-size:16px;font-family:Arial,sans-serif;background:#003}h1{font-size:24px;font-family:Trebuchet MS,Arial,sans-serif;text-align:center}a{color:#399;text-decoration:none}a:hover{color:#6cc}input{color:#fff;background:#111;border:1px solid #333;border-radius:3px;padding:3px}#magic8Ball{background:#151515;box-shadow:0 48px 24px rgba(255,255,255,.05) inset,0 -48px 24px rgba(0,0,0,.2) inset;border-radius:250px;height:300px;width:300px;position:relative;overflow:hidden;margin:0 auto;cursor:help}.inner{border-radius:100px;height:150px;width:150px;position:absolute;top:50%;left:50%;margin-top:-75px;margin-left:-75px;overflow:hidden}#eightSide{color:#000;font-size:96px;text-align:center;line-height:150px;background:#fff}#answerSide{background:#000;border:5px solid #111;margin-top:-80px;margin-left:-80px}#answer{color:#fff;font-size:10px;text-align:center;width:100px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-50px;-webkit-animation:float linear 5s infinite;animation:float linear 5s infinite}.shake{-webkit-animation:shake linear 250ms infinite;animation:shake linear 250ms infinite}.hidden{opacity:0;visibility:hidden;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}.the-8-ball,.user{color:#399;font-weight:700}.the-8-ball{color:#993}#logBox{background:#222;border:1px solid #333;border-radius:3px;width:93%;margin:0 auto;padding:6px 12px;margin-top:30px;max-width:1000px}#magicLog{background:#111;border-radius:3px;margin-bottom:6px;padding:0 10px;height:150px;overflow-y:auto;overflow-x:hidden}#magicLog p{margin:10px 0}#footer{text-align:center;position:relative}#question{font-size:16px;height:20px;width:62%;padding:4px;padding-right:100px}input[type=text]:active,input[type=text]:focus{border-color:#066;outline:0}#ask{font-size:16px;background:#333;border-radius:3px;height:30px;width:100px;margin-left:3px;position:absolute;right:0;cursor:pointer}#ask:hover{background:#033}#links{color:#066;max-width:626px;margin:0 auto;margin-top:10px}@-webkit-keyframes shake{0%{top:0}25%{top:15px}50%{top:30px}75%{top:15px}100%{top:0}}@keyframes shake{0%{top:0}25%{top:15px}50%{top:30px}75%{top:15px}100%{top:0}}@-webkit-keyframes float{0%{top:40%}25%{top:50%}50%{top:60%}75%{top:50%}100%{top:40%}}@keyframes float{0%{top:40%}25%{top:50%}50%{top:60%}75%{top:50%}100%{top:40%}}.ad-container{text-align:center;margin-top:50px;margin-bottom:20px}