@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap);*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background:radial-gradient(circle,#1f3756,#141539);box-sizing:border-box;color:#fff;font-family:Barlow Semi Condensed,sans-serif;text-align:center}.container{align-items:center;display:flex;flex-direction:column}a{color:#fff;text-decoration:none}.header{border:3px solid #606e85;border-radius:1rem;display:flex;justify-content:space-between;margin-top:30px;max-width:43.75rem;padding:15px;width:100%}@media (max-width:480px){.header{max-width:23.75rem}}.header .text{align-items:flex-start;font-size:1.8rem;line-height:1.5rem;text-transform:uppercase}.header .score-box,.header .text{display:flex;flex-direction:column}.header .score-box{background-color:#fff;border-radius:5px;color:#2a46c0;padding:12px 40px}.header .score-box__score{color:#3b4363;font-size:3.5rem;font-weight:700}.play{display:flex;flex-direction:column;margin-top:2rem;position:relative;width:100%}.play .pentagon{align-self:center;margin-top:4.375rem;position:absolute}@media (max-width:480px){.play .pentagon{height:200%;margin-top:1.7rem}}.play .items{display:flex;justify-content:center}.play .items .icon{border:18px solid;border-radius:50%;height:160px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:160px}@media (max-width:480px){.play .items .icon{border:12px solid;height:110px;width:110px}}.play .items .icon--scissors{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-scissors.3b1a5d7eb0b2f1fd3e95.svg);background-position:50%;background-repeat:no-repeat;border-color:#ec9e0e;box-shadow:inset 0 5px 6px grey,0 7px #a46e0a;-webkit-transform:translateX(20rem);transform:translateX(20rem)}@media (max-width:480px){.play .items .icon--scissors{-webkit-transform:translateX(14rem) translateY(-1rem);transform:translateX(14rem) translateY(-1rem)}}.play .items .icon--scissors:hover{-webkit-transform:translateX(20rem) scale(1.05);transform:translateX(20rem) scale(1.05)}@media (max-width:480px){.play .items .icon--scissors:hover{-webkit-transform:translateX(14rem) translateY(-1rem) scale(1.05);transform:translateX(14rem) translateY(-1rem) scale(1.05)}}.play .items .icon--spock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-spock.f4d7eee84cf50913d739.svg);background-position:50%;background-repeat:no-repeat;border-color:#bfdc2e;box-shadow:inset 0 5px 6px grey,0 7px #8ba11b;-webkit-transform:translateX(0) translateY(6rem);transform:translateX(0) translateY(6rem)}@media (max-width:480px){.play .items .icon--spock{-webkit-transform:translateX(0) translateY(3rem);transform:translateX(0) translateY(3rem)}}.play .items .icon--spock:hover{-webkit-transform:translateX(0) translateY(6rem) scale(1.05);transform:translateX(0) translateY(6rem) scale(1.05)}@media (max-width:480px){.play .items .icon--spock:hover{-webkit-transform:translateX(0) translateY(3rem) scale(1.05);transform:translateX(0) translateY(3rem) scale(1.05)}}.play .items .icon--paper{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-paper.8b57a6b108c1b8ae8293.svg);background-position:50%;background-repeat:no-repeat;border-color:#4865f4;box-shadow:inset 0 5px 6px grey,0 7px #0d31e3;-webkit-transform:translateX(10rem) translateY(6rem);transform:translateX(10rem) translateY(6rem)}@media (max-width:480px){.play .items .icon--paper{-webkit-transform:translateX(7.5rem) translateY(3.5rem);transform:translateX(7.5rem) translateY(3.5rem)}}.play .items .icon--paper:hover{-webkit-transform:translateX(10rem) translateY(6rem) scale(1.05);transform:translateX(10rem) translateY(6rem) scale(1.05)}@media (max-width:480px){.play .items .icon--paper:hover{-webkit-transform:translateX(7.5rem) translateY(3.5rem) scale(1.05);transform:translateX(7.5rem) translateY(3.5rem) scale(1.05)}}.play .items .icon--lizard{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-lizard.0f83914cca1adc9454d1.svg);background-position:50%;background-repeat:no-repeat;border-color:#21a152;box-shadow:inset 0 5px 6px grey,0 7px #146132;-webkit-transform:translateX(-16rem) translateY(17rem);transform:translateX(-16rem) translateY(17rem)}@media (max-width:480px){.play .items .icon--lizard{-webkit-transform:translateX(-11.5rem) translateY(11rem);transform:translateX(-11.5rem) translateY(11rem)}}.play .items .icon--lizard:hover{-webkit-transform:translateX(-16rem) translateY(17rem) scale(1.05);transform:translateX(-16rem) translateY(17rem) scale(1.05)}@media (max-width:480px){.play .items .icon--lizard:hover{-webkit-transform:translateX(-11.5rem) translateY(11rem) scale(1.05);transform:translateX(-11.5rem) translateY(11rem) scale(1.05)}}.play .items .icon--rock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-rock.476e90a9646a87bb3645.svg);background-position:50%;background-repeat:no-repeat;border-color:#dc2e4e;box-shadow:inset 0 5px 6px grey,0 7px #a11b34;-webkit-transform:translateX(-14rem) translateY(17rem);transform:translateX(-14rem) translateY(17rem)}@media (max-width:480px){.play .items .icon--rock{-webkit-transform:translateX(-9.5rem) translateY(11rem);transform:translateX(-9.5rem) translateY(11rem)}}.play .items .icon--rock:hover{-webkit-transform:translateX(-14rem) translateY(17em) scale(1.05);transform:translateX(-14rem) translateY(17em) scale(1.05)}@media (max-width:480px){.play .items .icon--rock:hover{-webkit-transform:translateX(-9.5rem) translateY(11rem) scale(1.05);transform:translateX(-9.5rem) translateY(11rem) scale(1.05)}}.game{align-items:center;display:grid;grid-template-columns:-webkit-max-content 1fr -webkit-max-content;grid-template-columns:max-content 1fr max-content;margin-top:50px}.game__you{display:flex;flex-direction:column;margin-right:2.5rem}@media (max-width:920px){.game__you{margin-right:1rem}}@media (max-width:480px){.game__you{align-self:flex-start}}.game__you .text{font-size:1.2rem;font-weight:300;margin-bottom:2.5rem;text-transform:uppercase}.game__you .icon{background-size:40%;border:25px solid;border-radius:50%;height:250px;width:250px}@media (max-width:920px){.game__you .icon{border:20px solid;height:200px;width:200px}}@media (max-width:605px){.game__you .icon{border:16px solid;height:160px;width:160px}}.game__you .icon--paper{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-paper.8b57a6b108c1b8ae8293.svg);background-position:50%;background-repeat:no-repeat;border-color:#4865f4;box-shadow:inset 0 5px 6px grey,0 7px #0d31e3}.game__you .icon--paper--winner{box-shadow:inset 0 5px 6px grey,0 7px #0d31e3,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__you .icon--scissors{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-scissors.3b1a5d7eb0b2f1fd3e95.svg);background-position:50%;background-repeat:no-repeat;border-color:#ec9e0e;box-shadow:inset 0 5px 6px grey,0 7px #a46e0a}.game__you .icon--scissors--winner{box-shadow:inset 0 5px 6px grey,0 7px #a46e0a,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__you .icon--rock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-rock.476e90a9646a87bb3645.svg);background-position:50%;background-repeat:no-repeat;border-color:#dc2e4e;box-shadow:inset 0 5px 6px grey,0 7px #a11b34}.game__you .icon--rock--winner{box-shadow:inset 0 5px 6px grey,0 7px #a11b34,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__you .icon--lizard{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-lizard.0f83914cca1adc9454d1.svg);background-position:50%;background-repeat:no-repeat;border-color:#21a152;box-shadow:inset 0 5px 6px grey,0 7px #146132}.game__you .icon--lizard--winner{box-shadow:inset 0 5px 6px grey,0 7px #146132,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__you .icon--spock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-spock.f4d7eee84cf50913d739.svg);background-position:50%;background-repeat:no-repeat;border-color:#bfdc2e;box-shadow:inset 0 5px 6px grey,0 7px #8ba11b}.game__you .icon--spock--winner{box-shadow:inset 0 5px 6px grey,0 7px #8ba11b,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__play{display:grid;flex-direction:column;margin:0 2rem}@media (max-width:920px){.game__play{margin:0 1rem}}@media (max-width:605px){.game__play{margin:0 .5rem}}@media (max-width:480px){.game__play{grid-column:1/3;grid-row:2/3;padding-top:20px}}.game__play .text{font-size:3rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}@media (max-width:920px){.game__play .text{font-size:2rem}}.game__play .play-again{background-color:#fff;border-radius:5px;color:#06063f;font-size:.8rem;padding:10px 20px;text-transform:uppercase}@media (max-width:480px){.game__play .play-again{justify-self:center;width:200px}}.game__play .play-again:hover{background-color:hsla(0,0%,100%,.3);color:#fff}.game__house{display:flex;flex-direction:column;margin-left:2.5rem}@media (max-width:920px){.game__house{margin-left:1rem}}@media (max-width:480px){.game__house{align-self:flex-start}}.game__house .text{font-size:1.2rem;font-weight:300;margin-bottom:2.5rem;text-transform:uppercase}.game__house .icon{background-size:40%;border:25px solid;border-radius:50%;height:250px;width:250px}@media (max-width:920px){.game__house .icon{border:20px solid;height:200px;width:200px}}@media (max-width:605px){.game__house .icon{border:16px solid;height:160px;width:160px}}.game__house .icon--paper{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-paper.8b57a6b108c1b8ae8293.svg);background-position:50%;background-repeat:no-repeat;border-color:#4865f4;box-shadow:inset 0 5px 6px grey,0 7px #0d31e3}.game__house .icon--paper--winner{box-shadow:inset 0 5px 6px grey,0 7px #0d31e3,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__house .icon--scissors{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-scissors.3b1a5d7eb0b2f1fd3e95.svg);background-position:50%;background-repeat:no-repeat;border-color:#ec9e0e;box-shadow:inset 0 5px 6px grey,0 7px #a46e0a}.game__house .icon--scissors--winner{box-shadow:inset 0 5px 6px grey,0 7px #a46e0a,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__house .icon--rock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-rock.476e90a9646a87bb3645.svg);background-position:50%;background-repeat:no-repeat;border-color:#dc2e4e;box-shadow:inset 0 5px 6px grey,0 7px #a11b34}.game__house .icon--rock--winner{box-shadow:inset 0 5px 6px grey,0 7px #a11b34,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__house .icon--lizard{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-lizard.0f83914cca1adc9454d1.svg);background-position:50%;background-repeat:no-repeat;border-color:#21a152;box-shadow:inset 0 5px 6px grey,0 7px #146132}.game__house .icon--lizard--winner{box-shadow:inset 0 5px 6px grey,0 7px #146132,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__house .icon--spock{background-color:#fff;background-image:url(/game-rock-paper-scissors/static/media/icon-spock.f4d7eee84cf50913d739.svg);background-position:50%;background-repeat:no-repeat;border-color:#bfdc2e;box-shadow:inset 0 5px 6px grey,0 7px #8ba11b}.game__house .icon--spock--winner{box-shadow:inset 0 5px 6px grey,0 7px #8ba11b,0 0 0 30px hsla(0,0%,100%,.05),0 0 0 60px hsla(0,0%,100%,.025),0 0 0 90px hsla(0,0%,100%,.015)}.game__house .counter{background-color:rgba(0,0,0,.3);border-radius:50%;display:flex;flex-direction:column;font-size:7rem;height:250px;justify-content:center;width:250px}@media (max-width:920px){.game__house .counter{height:200px;width:200px}}@media (max-width:605px){.game__house .counter{height:160px;width:160px}}.footer{font-size:12px;height:100px;width:100vw}.footer .atribution{bottom:.8rem;color:#6b7b94;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.footer .atribution a{color:#97a2b4}.footer button{background:none;border:3px solid #606e85;border-radius:.4rem;bottom:1rem;color:#97a2b4;cursor:pointer;font-weight:600;letter-spacing:1px;padding:15px 25px;position:absolute;right:1rem}@media (max-width:450px){.footer button{bottom:2.2rem;left:50%;padding:5px 7px;-webkit-transform:translate(-50%);transform:translate(-50%);width:120px}}.footer button:hover{background-color:hsla(0,0%,100%,.8);color:#3b4363}.modal-container{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:10}.modal-container .modal-box{background-color:#fff;border-radius:8px;color:#3b4363;padding:30px}.modal-container .modal-box img{width:100%}.modal-container .modal-box .modal__header{display:flex;justify-content:space-between;margin-bottom:30px}.modal-container .modal-box .modal__header h1{margin:0;padding:0;text-transform:uppercase}.modal-container button{align-self:center;background:none;border:none;color:#3b4363}.modal-container button:hover{cursor:pointer}
/*# sourceMappingURL=main.4d1c340e.css.map*/