@font-face{font-family:lemonmilk;src:url(LemonMilk.7ba3f7be.woff)format("woff"),url(LemonMilk.45aa3658.ttf)format("ttf")}*{box-sizing:border-box;margin:0;padding:0}body{scrollbar-color:#fff transparent;color:#fff;background-color:#f59d26;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar{width:0}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10rem}.title-ani{animation:2s title-ani}@keyframes title-ani{0%{transform:translateY(100rem)scale(.5)}50%{transform:translateY(40vh)scale(1.5)}to{transform:matrix(1,0,0,1,0,0)}}.score{animation:1s score}@keyframes score{0%{transform:scale(0)}to{transform:scale(1.25)}}.chosen{animation:1s infinite shake}@keyframes shake{0%{transform:scale(1.1)}25%{transform:scale(1.1)translate(5px,5px)rotate(5deg)}50%{transform:scale(1.1)}75%{transform:scale(1.1)translate(-5px,5px)rotate(-5deg)}to{transform:scale(1.1)}}.outcome-ani{animation:2s outcome-ani}@keyframes outcome-ani{0%{transform:translateY(-100rem)scale(.5)}50%{transform:translateY(-40vh)scale(1.5)}to{transform:matrix(1,0,0,1,0,0)}}.pop-in{animation:2s pop-in}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-over{z-index:10;width:100%;height:100vh;background-color:#f79827;place-content:center;justify-items:center;animation:2s fade-in;display:none;position:fixed}.game-over div{place-content:center;justify-items:center;gap:.5rem;display:grid}@media (min-width:850px){.game-over div{border:.5rem solid #fff;border-radius:5rem;padding-block:2rem}}.game-over div button{color:#fff;text-align:center;background-color:#f79827;border:.2rem solid #fff;border-radius:5rem;padding:.5rem 1.5rem;font-family:lemonmilk,sans-serif;font-size:1.3rem;transition:all 1s}.game-over div button:hover,.game-over div button:focus,.game-over div button:focus-within{animation:1s infinite shake}.game-over div img{width:100vw;max-width:50rem}main{height:40rem;background-color:#f59d26;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;display:grid;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.title{grid-column:1/3;justify-items:center;gap:.5rem;display:grid}h1{text-align:center;font-family:lemonmilk,sans-serif;font-size:1.75rem}h2{text-align:center;font-family:lemonmilk,sans-serif;font-size:1.5rem}img{width:5rem;height:auto;max-width:16rem;z-index:-1}.game .choices{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.game .choice-box{justify-items:center;padding:.5rem;display:grid}p{text-align:center;font-family:lemonmilk,sans-serif;font-size:1rem}.score-box{height:6rem;grid-column:1/3;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;column-gap:1rem;display:grid}.score-box .score-title{align-items:center;gap:.5rem;display:inline-flex}.score-box .user-score,.score-box .computer-score{font-size:2rem}.score-box .outcome{grid-column:1/3}.score-box .outcome .result{font-family:lemonmilk,sans-serif}@media (min-width:300px){main{height:42rem}img{width:7rem}}@media (min-width:400px){main{height:44rem}img{width:8rem}}@media (min-width:500px){main{height:45rem}img{width:9rem}}@media (min-width:585px){main{width:35rem;height:36rem;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;row-gap:.75rem}img{width:8rem}.title{grid-column:1/2;gap:0}.game{justify-items:center;gap:.5rem;display:grid}.game.user{grid-area:2/1/3/2}.game.pc{grid-area:3/1/4/2}.game .choices{flex-direction:row;gap:1.5rem}.score-box{grid-column:1/2}}@media (min-width:800px){main{height:45rem;row-gap:1rem}h1{font-size:2rem}h2{font-size:1.75rem}p{font-size:1.5rem}img{width:10rem}.score-box{height:8rem}.choices{gap:1.5rem}}@media (max-width:1200px) and (max-height:600px) and (orientation:landscape){.game-over div{border:.25rem solid #fff;border-radius:5rem;padding-block:1rem}.game-over div img{width:60vw}.game-over div button{border:.2rem solid #fff;font-size:1rem}main{height:20rem;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;gap:0}.game{gap:0}.choice-box{gap:.5rem}h1,.score-box .user-score,.score-box .computer-score{font-size:1rem}h2{font-size:.9rem}p{font-size:.8rem}img{width:4rem}.title{gap:0}.score-box{height:3rem}.game.user{grid-area:2/1/3/3}.game.pc{grid-area:3/1/4/3}}@media (max-height:600px) and (orientation:portrait){main{height:32.5rem;gap:.2rem}.game{gap:0}h1,.score-box .user-score,.score-box .computer-score{font-size:1.2rem}h2{font-size:.9rem}img{width:3.5rem}.score-box{height:6rem}}@media (max-height:710px) and (orientation:portrait){main{height:35.5rem;gap:.5rem}.game{gap:0}h1,.score-box .user-score,.score-box .computer-score{font-size:1.3rem}h2{font-size:.9rem}img{width:5.5rem}.score-box{height:5rem}}
/*# sourceMappingURL=index.7b465170.css.map */