@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Great+Vibes&family=Poppins:wght@100;200;300;400;500;600;700;800&family=Spinnaker&display=swap);*{box-sizing:border-box;font-family:Poppins;margin:0;padding:0}:root{--boxShadow:0 0 10px #dfdfdf}.App{align-items:center;display:flex;gap:3rem;height:100vh;justify-content:center;text-align:center;width:100vw}.App .game{display:flex;flex-direction:column;gap:1.5rem;width:50%}.App .game .ai,.App .game .you{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.App .game .ai .randPic{aspect-ratio:1/1;box-shadow:var(--boxShadow);display:none;transition:.2s ease-in-out;width:30%}.App .game .ai .randPic.stone{background:url(/static/media/stone.a2025c283c469a17b32b.png);background-position:top;background-size:cover;display:block}.App .game .ai .randPic.paper{background:url(/static/media/paper.b35da24d4b6dca181f80.png);background-position:top;background-size:cover;display:block}.App .game .ai .randPic.scissors{background:url(/static/media/scissors.a31c222aa39cefce0382.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.App .game .you .pics{align-items:center;display:flex;gap:2rem;justify-content:center;width:100%}.App .game .you .pics .randPic{aspect-ratio:1/1;box-shadow:var(--boxShadow);cursor:pointer;width:30%}.App .game .you .pics .randPic:first-child{background:url(/static/media/stone.a2025c283c469a17b32b.png);background-position:top;background-size:cover;display:block}.App .game .you .pics .randPic:nth-child(2){background:url(/static/media/paper.b35da24d4b6dca181f80.png);background-position:top;background-size:cover;display:block}.App .game .you .pics .randPic:nth-child(3){background:url(/static/media/scissors.a31c222aa39cefce0382.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}@media screen and (max-width:1024px){.App .game{width:75%}}@media screen and (max-width:768px){.App .game{width:90%}.App .game .you .pics{flex-wrap:wrap;gap:1rem}.App .game .ai .randPic,.App .game .you .pics .randPic{width:40%}}
/*# sourceMappingURL=main.b2b2a0a5.css.map*/