html{background-color:#000;font-size:1vw}*{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;height:95vh}.trivia-container{width:90rem;height:45rem;display:grid;grid-template-columns:8fr 2fr;grid-template-rows:12fr 1fr;column-gap:1rem}.trivia-screen-border{display:flex;justify-content:center;align-items:center;background-color:grey;border-radius:1rem;box-shadow:inset -.3rem -.3rem .5rem #414141,inset .3rem .3rem .5rem #414141}.trivia-screen{color:#ff0;width:95%;height:95%;font-size:1.8rem;background-color:#252525;border-radius:1rem;padding:2rem;display:grid;grid-template-rows:auto min-content}.main-menu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-menu *{margin:1rem 0}.question-container{border-radius:1rem;border:.3rem solid #ff0;padding:1rem;margin-top:1rem}.question-container p{margin:1rem 0}.stats-container{display:grid;grid-template-columns:1fr 7fr;column-gap:1rem}.time-container{border:.3rem solid #ff0;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center}.score{background-color:maroon;color:#fff;border-radius:1rem;font-size:4rem;padding:1.2rem 1rem;text-align:center}.time-bar{background-color:red;height:1rem;width:95%}.time-in-seconds{color:#fff}.trivia-button{display:flex;justify-content:center;width:100%}.trivia-button button{font-size:3rem;font-weight:700;padding:.3em;color:red;background-color:#000;border:.2em solid #ff0;border-radius:.5em;margin:1rem}.trivia-button button:disabled{border-color:#ffff72;color:#ff6464}.trivia-button button:not(:disabled):hover{filter:brightness(250%);cursor:pointer}.answer-choice-container{display:grid;row-gap:1rem}.answer-choice{display:grid;grid-template-columns:min-content auto;grid-gap:.5rem}.answer-choice-input{display:flex;align-items:center}.answer-choice-input input{opacity:0;width:0;height:0}.answer-choice-control{display:block;width:1.2rem;height:1.2rem;border-radius:50%;border:.15em solid #ff0}.answer-choice-input input:checked+.answer-choice-control{background-color:#ff0}.control-panel,.loading-screen{display:flex;flex-direction:column;align-items:center}.control-panel{justify-content:space-between;padding:1rem 0}.lightbulbs-container{display:flex;flex-direction:column}.lightbulb{border-radius:50%;width:6rem;height:6rem;border:.1rem solid #000;box-shadow:.01rem .01rem .1rem #000;margin:1rem;display:inline-block}.lightbulb__correct{background:radial-gradient(#007900,#004b00)}.lightbulb__incorrect{background:radial-gradient(#900,#580000)}.lightbulb__active{animation:light 1s linear}.filler-button__container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem}.filler-button__long-duration,.filler-button__short-duration{width:3rem;height:3rem;border-radius:.5rem}.filler-button__long-duration{animation:flicker 3.5s linear infinite}.filler-button__long-duration:nth-child(2){animation-delay:1s}.filler-button__long-duration:nth-child(3){animation-delay:2s}.filler-button__long-duration:last-child{animation-delay:3s}.filler-button__short-duration{animation:flicker 2.5s linear infinite}.filler-button__short-duration:nth-child(2){animation-delay:1s}.filler-button__short-duration:nth-child(3){animation-delay:2s}.filler-button__short-duration:last-child{animation-delay:3s}.filler-button__blue{background:radial-gradient(#4141ff,#00f);box-shadow:.1rem .1rem .5rem #00f,-.1rem -.1rem .5rem #00f}.filler-button__white{background:radial-gradient(#fff,#bebebe)}.filler-button_yellow{background:radial-gradient(#ffca66,orange)}.data-port-plate{margin-top:.5rem;border:.1rem solid #000;border-radius:1rem;background-color:#6d6d6d;padding:.5rem;box-shadow:inset .02rem .02rem .1rem #000}.data-port-hole{background-color:#313131;border-radius:50%;border:.1rem solid #000;display:flex;justify-content:center;box-shadow:inset .1rem .1rem #000}.data-port{width:15rem;height:15rem}.data-port__rotate{animation:rotation 1s linear}.quiz-complete-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.quiz-complete-container h1{margin:0}.quiz-complete-container p{margin-bottom:1rem}.quiz-complete-container img{margin:1rem}.blue-milk-image{width:14%;border-radius:1rem;box-shadow:.5rem .5rem 1rem #fff,-.5rem -.5rem 1rem #fff,.5rem -.5rem 1rem #fff,-.5rem .5rem 1rem #fff}.audio-control{justify-self:start;color:#0096c4;font-size:2rem;margin:1rem 0}.audio-control:hover{filter:brightness(150%);cursor:pointer}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes light{0%{filter:brightness(100%)}25%{filter:brightness(400%);box-shadow:.05rem .05rem .3rem #000}50%{filter:brightness(100%)}75%{filter:brightness(400%);box-shadow:.05rem .05rem .3rem #000}to{filter:brightness(100%)}}@keyframes flicker{0%{filter:brightness(250%)}50%{filter:brightness(250%)}51%{filter:brightness(100%)}}@media (orientation:portrait) and (max-aspect-ratio:7/8){html{background-color:#4e4c4c}.quiz-container h1{font-size:5.3rem}.trivia-container{height:110rem;grid-template-columns:1fr;grid-template-rows:8fr 2fr;border:.5rem solid #000;padding-top:5rem;border-radius:2rem;box-shadow:0 1rem 1rem #000;background-color:#000}.trivia-screen{font-size:4.3rem}.answer-choice-control{width:2rem;height:2rem}.control-panel{justify-content:space-around}.control-panel,.lightbulbs-container{flex-direction:row}.answer-choice-container{row-gap:1.5rem}.answer-choice{column-gap:1.5rem}.answer-choice-control{border:.1em solid #ff0}.trivia-button button{font-size:4rem;width:30%;border-radius:.5em}.blue-milk-image{width:20%}}@media (min-aspect-ratio:2/1){html{font-size:.9vw}}