body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Nuform-Sans;font-style:normal;font-weight:400;src:url(/static/media/nuformsans-regular-webfont.4466a5787cda365f8dbc.woff2) format("woff2"),url(/static/media/nuformsans-regular-webfont.db18cc5c9cfd39f41c98.woff) format("woff")}@font-face{font-family:Ozik;font-style:normal;font-weight:400;src:url(/static/media/ozik-regular-webfont.bbc477fcc25a520c3093.woff2) format("woff2"),url(/static/media/ozik-regular-webfont.77f1a8d9f1284af9cf0d.woff) format("woff")}:root{--rock:#ff3b00;--rock-dark:#970909;--paper:#6982ff;--paper-dark:#2e4de8;--scissors:#ffb01e;--scissors-dark:#ad590f;--white:#f3f3f3;--gray:#2d334d;--blue:#2140ca;--deep-blue:#003ce6;--dark-blue:#002da9;--red:#ff3b00;--border-radius:5px;--border-radius-big:10px}body{-webkit-font-smoothing:antialiased;background:#003ce6;background:var(--deep-blue);font-family:Nuform-Sans,sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:border-box;-webkit-user-select:none;user-select:none}.header{border:0 solid #606e85;border-radius:var(--border-radius);justify-content:space-between;margin-bottom:45px;padding:15px}.header,.header__score{align-items:center;display:flex}.header__score{background-color:var(--red);border:3px solid var(--white);border-radius:var(--border-radius);flex-direction:column;height:72px;justify-content:center;width:80px}.header__score span{color:var(--white);font-family:Ozik;font-size:13px;padding-top:8px;text-align:center;text-transform:uppercase}.header__score-value{color:var(--white);font-size:40px;font-weight:800;margin-top:-5px}.options{display:flex;justify-content:center;position:relative}.options #triangle{position:absolute;top:60px;width:190px;z-index:-1}.option{align-items:center;background-color:var(--white);border-radius:100%;border-style:solid;border-width:15px;cursor:pointer;display:flex;flex-shrink:0;height:130px;justify-content:center;margin:0 -20px;width:130px}.option:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.option:nth-of-type(2){margin-top:140px}.option.rock{border-color:var(--rock);box-shadow:inset 0 4px 0 rgba(0,0,0,.08),0 4px 0 var(--rock-dark)}.option.paper{border-color:var(--paper);box-shadow:inset 0 4px 0 rgba(0,0,0,.08),0 4px 0 var(--paper-dark)}.option.scissors{border-color:var(--scissors);box-shadow:inset 0 4px 0 rgba(0,0,0,.08),0 4px 0 var(--scissors-dark)}.rules{background-color:var(--white);height:100%;outline:none;width:100%}.rules__container{align-items:center;display:flex;flex-direction:column;height:inherit;justify-content:space-evenly;margin:0 auto;max-width:314px;padding:100px 0 64px}.rules__container span{color:var(--gray);font-size:34px}.button,.rules__container span{font-weight:700;text-transform:uppercase}.button{background-color:var(--red);border:2px solid var(--white);border-radius:var(--border-radius);color:var(--white);cursor:pointer;display:inline-block;font-size:16px;letter-spacing:.18em;padding:10px 40px;transition:all .5s ease-out}.button.fill{background-color:var(--white);color:var(--blue)}.button.fill:hover{color:var(--rock)}.button:hover{border-color:var(--dark-blue);transition:all .5s ease-in}.game-over{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.game-over span{color:var(--white);font-size:56px;font-weight:700;margin:35px 0 15px;text-align:center;text-transform:uppercase}.footer{bottom:55px;flex-direction:column;left:0;position:absolute;width:100%}.footer,.picks{align-items:center;display:flex}.picks{justify-content:space-between;padding:15px 15px 0}.picks .game-over{display:none}.picks .pick{flex-direction:column}.picks .pick,.picks .pick__placeholder{align-items:center;display:flex;width:100px}.picks .pick__placeholder{background-color:rgba(0,0,0,.2);border-radius:100%;height:100px;justify-content:center;pointer-events:none}.picks .pick span{color:var(--white);font-size:16px;letter-spacing:.08em;margin-top:40px;text-transform:uppercase;white-space:nowrap}.overlay{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:9999}@media(min-width:1280px){.App{margin:0 auto;max-width:700px}.header{border-radius:var(--border-radius-big);padding:20px 30px}.header img{height:110px}.header__score{height:114px;width:150px}.header__score span{font-size:16px}.header__score-value{font-size:64px}.footer{bottom:30px;left:auto;position:fixed;right:30px;width:auto}.footer .game-over{display:none}.rules{border-radius:var(--border-radius);box-shadow:0 5px 8px rgba(0,0,0,.15);height:415px;width:400px}.rules__container{align-items:flex-start;max-width:100%;padding:30px;position:relative}.rules__container #rules{align-self:center}.rules__container #close-rules{position:absolute;right:30px;top:40px}.options #triangle{top:90px;width:auto}.option{border-width:25px;height:200px;width:200px}.option img{height:50%}.option:nth-of-type(2){margin-top:220px}.picks{justify-content:center;padding:0}.picks .pick{flex-direction:column-reverse}.picks .pick span{font-size:26px;margin-bottom:140px;margin-top:0}.picks .pick__placeholder .option{border-width:34px;height:290px;width:290px}.picks .game-over{display:flex;flex-shrink:0;margin:60px 180px 0}}@media(max-width:1100px){.App{margin:0 auto;max-width:80%}.header img{width:110px}.footer{bottom:35%;position:relative}.footer .button{margin-top:10%}.option img{width:60%}.rules{background-color:var(--white);outline:none}.rules__container{align-items:center;display:flex;flex-direction:column;height:inherit;height:70vh;justify-content:space-evenly;margin:0 auto;padding:10px 0;width:70vw}.rules__container span{color:var(--gray);font-size:44px;font-weight:700;text-transform:uppercase}.rules #close-rules{width:10%}}
/*# sourceMappingURL=main.ad81cb6a.css.map*/