body{background-color:#000;color:#fff;font-family:GAME,sans-serif;margin:0;max-height:-webkit-fill-available}*{box-sizing:border-box}:root{--app-height:100%;--footer-height:100px}.videos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);overflow:hidden;padding:20px;position:relative}.videos,.videos video{height:calc(100% - 100px);height:calc(var(--app-height) - var(--footer-height))}.videos video{cursor:pointer;-webkit-filter:brightness(.6);filter:brightness(.6);justify-self:center;transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s;width:100%}.videos video.playing{-webkit-filter:brightness(1);filter:brightness(1);transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.menu{align-items:center;background-color:#00000012;display:flex;height:100vh;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.menu button{border:none;border-radius:5px;cursor:pointer;font-family:GAME,sans-serif;font-size:40px;font-weight:700;justify-self:center;min-width:200px;padding:20px}.answer{align-items:center;display:flex;gap:40px;height:100px;height:var(--footer-height);justify-content:center;position:relative}.answer .answer-box{background:#535353;border-radius:10px;height:60px;transition:all .5s;width:60px}.answer .answer-box[data-playing=true]{background:#b1b1b1;-webkit-transform:scale(1.2);transform:scale(1.2)}.answer .answer-box.correct{background-color:#00ea00}.answer .answer-box.wrong{background-color:#d81b1b}@media (orientation:portrait){.videos{grid-template-columns:repeat(2,1fr)}.videos video{max-height:calc(50% - 50px);max-height:calc((var(--app-height) - var(--footer-height))/2)}.answer{gap:15px}.answer .answer-box{height:30px;width:30px}}.high-score{bottom:10px;cursor:pointer;font-size:20px;left:10px;position:absolute}
/*# sourceMappingURL=main.e15b179c.css.map*/