.trivia-wrapper-3d{-webkit-perspective:950px;perspective:950px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin-bottom:2.5em}.trivia-wrapper{position:relative;display:block;border:1px solid rgba(0,0,0,.5);background-color:rgba(255,0,0,.15);border-radius:16px}img.trivia{display:inline;border:2px solid rgba(255,255,255,1);margin-top:8px;border-radius:8px;box-shadow:8px 8px 8px 0 rgba(0,0,0,.6)}.trivia-item{position:relative;display:block;background-color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.5);padding:4px 4px 8px;border-radius:16px;box-shadow:6px 6px 6px 2px rgba(0,0,0,.3),inset -2px -2px 2px 2px rgba(0,0,0,.3),inset 2px 2px 2px 2px rgba(255,255,255,.5)}.trivia-item .question-header{position:relative;display:block;border-radius:12px 12px 0 0;padding:8px 60px 8px 8px;margin:2px;font-weight:700;letter-spacing:0;text-align:center;background-image:-webkit-repeating-linear-gradient(135deg,rgba(75,75,75,.5),rgba(125,125,125,.5) 25px,rgba(150,150,150,.5) 25px,rgba(200,200,200,.5) 50px);background-image:repeating-linear-gradient(-45deg,rgba(75,75,75,.5),rgba(125,125,125,.5) 25px,rgba(150,150,150,.5) 25px,rgba(200,200,200,.5) 50px);box-shadow:2px 2px 2px 0 rgba(0,0,0,.3),inset -2px -2px 2px 1px rgba(0,0,0,.3),inset 2px 2px 2px 2px rgba(255,255,255,.5);color:rgba(255,255,255,1);text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,2px 2px 4px rgba(0,0,0,.75)}.trivia-item .question-header:before{content:"\e816";position:absolute;top:-10px;right:-18px;width:70px;height:70px;font-family:mikesome;font-size:50px;color:rgba(0,0,0,.35);text-shadow:2px 2px 2px rgba(255,255,255,1)}.trivia-item .answer,.trivia-item .question-text{color:#000;display:inline-block;width:99%;background-color:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:8px 16px 8px 8px;margin:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3),inset 2px 2px 2px 2px rgba(255,255,255,.5)}.trivia-item .answer:hover{background-color:rgba(255,200,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.3),inset 2px 2px 2px 2px rgba(255,255,255,.5)}.trivia-item .question-text{color:#444;padding-left:48px;font-weight:700;text-shadow:1px 1px 1px #fff}.trivia-progress{position:relative;display:none;width:100%;height:16px;border:1px solid rgba(0,0,0,.5);background-color:rgba(0,0,0,.2);border-radius:8px;margin-bottom:8px;box-shadow:2px 2px 2px 0 rgba(255,255,255,.6),inset 2px 2px 2px 2px rgba(0,0,0,.25),inset -2px -2px 2px 2px rgba(255,255,255,.4)}.trivia-bar{position:absolute;display:block;top:0;left:0;width:2%;height:14px;border:1px solid rgba(0,0,0,.25);background-color:rgba(0,255,0,.5);border-radius:6px;box-shadow:4px 2px 2px 0 rgba(0,0,0,.4),inset 2px 2px 2px 2px rgba(255,255,255,.6),inset -2px -2px 2px 2px rgba(0,0,0,.25)}.trivia-percent{position:absolute;top:-10px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);font-size:25px;font-weight:700;font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,2px 2px 2px rgba(0,0,0,1)}.trivia-explain{display:none;position:absolute;width:75%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(255,255,255,.85);background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ccc));background:-webkit-linear-gradient(#fff,#ccc);background:linear-gradient(#fff,#ccc);border:3px solid rgba(0,0,0,.5);border-radius:8px;padding:16px;box-shadow:8px 8px 8px 0 rgba(0,0,0,.5),inset 2px 2px 2px 0 rgba(255,255,255,.75),inset -2px -2px 2px 0 rgba(0,0,0,.35)}.trivia-title{text-align:center;position:relative;font-size:80px;margin:0 0 8px;padding:0;display:block;font-family:Graffiti;letter-spacing:-2px;font-weight:400;color:#ddb773;white-space:nowrap;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000,0 3px #aaa,-3px 0 #fff,-3px 3px #aaa,3px 3px #aaa,3px 0 #aaa,3px -3px #fff,0 -3px #fff,-3px -3px #fff,0 4px #777,-4px 0 #fff,-4px 4px #777,4px 4px #777,4px 0 #777,4px -4px #fff,0 -4px #fff,-4px -4px #fff,12px 12px 6px rgba(0,0,0,.75)}.trivia-item .result{display:block;color:#000;background-color:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:16px;margin:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3),inset 2px 2px 2px 2px rgba(255,255,255,.5);text-align:center}#trivia-start{min-width:30%}.trivia-item button{color:#000;border-radius:10px;background-color:rgba(255,255,255,.25);text-shadow:1px 1px #fff;padding:6px 15px}.trivia-correct,.trivia-wrong{display:none;position:absolute;top:55%;left:50%;font-family:mikesome;font-size:140px;text-shadow:-2px -2px 2px rgba(255,255,255,.75),2px 2px 2px rgba(0,0,0,.75)}.trivia-correct:after,.trivia-correct:before,.trivia-wrong:after,.trivia-wrong:before{position:absolute;top:0;left:0;color:rgba(255,255,255,.5);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.trivia-correct:after,.trivia-wrong:after{top:2px;left:2px;color:rgba(0,200,0,.75);text-shadow:8px 8px 8px rgba(0,0,0,.5)}.trivia-wrong:after{color:rgba(200,0,0,.75)}.trivia-correct:after,.trivia-correct:before{content:"\e80e"}.trivia-wrong:after,.trivia-wrong:before{content:"\e80f"}.trivia-item input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:left;cursor:pointer}.trivia-item label{display:block;margin-left:40px;cursor:pointer}.trivia-item input[type=radio]:checked,.trivia-item input[type=radio]:not(:checked){background:0 0;position:relative;visibility:hidden;margin:0;padding:0}.trivia-item input[type=radio]:checked+label::before,.trivia-item input[type=radio]:not(:checked)+label::before{content:' ';display:inline-block;margin-left:-35px;width:17px;height:17px;position:relative;top:4px;border:1px solid rgba(0,0,0,.2);border-radius:30px;background:rgba(0,0,0,.1);margin-right:1em;box-shadow:-1px -1px 1px 1px rgba(0,0,0,.25),1px 1px 1px 1px rgba(255,255,255,.7)}.trivia-item input[type=radio]:checked+label::before,.trivia-item input[type=checkbox]:checked+label::before{border:none;background:-moz-radial-gradient(top left,ellipse cover,#fff 20%,#f90 50%,#640 100%);background:-webkit-radial-gradient(top left,ellipse cover,#fff 20%,#f90 50%,#640 100%);background:radial-gradient(ellipse at top left,#fff 20%,#f90 50%,#640 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#664400', GradientType=1 );box-shadow:inset -2px -2px 2px 0 rgba(255,255,255,.5),2px 2px 3px 2px rgba(0,0,0,.5)}.trivia-anim1{-webkit-animation:trivia-anim1-keys 1s ease-in-out;animation:trivia-anim1-keys 1s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes trivia-anim1-keys{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-360deg)}}@keyframes trivia-anim1-keys{0%{transform:rotateX(0)}100%{transform:rotateX(-360deg)}}.trivia-blink{-webkit-animation:trivia-blink-keys .5s linear;animation:trivia-blink-keys .5s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes trivia-blink-keys{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:.1}}@keyframes trivia-blink-keys{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:.1}}.trivia-anim2{-webkit-animation:trivia-anim2-keys 1s ease-in-out;animation:trivia-anim2-keys 1s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes trivia-anim2-keys{0%,100%{-webkit-transform:scale(1.5,1.5);opacity:0}20%,80%{-webkit-transform:scale(1,1);opacity:1}}@keyframes trivia-anim2-keys{0%,100%{transform:scale(1.5,1.5);opacity:0}20%,80%{transform:scale(1,1);opacity:1}}