:root{--font-body:"Barlow Semi Condensed",sans-serif;--white:#fff;--black:#000;--scissorsGradient:#ec9e0e to #eca922;--paperGradient:#4865f4 to #5671f5;--rockGradient:#dc2e4e to #dd405d;--lizardGradient:#834fe3 to #8c5de5;--cyan:#40b9ce to #52bed1;--darkText:#3b4363;--scoreText:#2a46c0;--headerOutline:#606e85;--radialGradient:#1f3756 to #141539}html{font-size:62.25%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{position:relative;margin:0;padding:0;font-size:1.6em;font-family:var(--font-body);height:100vh;background:radial-gradient(circle,#1f3756,#141539);background-size:cover;color:var(--white)}.flex{display:flex}.flex-jc-sa{justify-content:space-around}.flex-jc-sb{justify-content:space-between}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}.container{max-width:111.3rem;margin:0 auto}.container--pall{padding:7rem 2.4rem}@media (min-width:71.875em){.container--pall{padding-top:9.6rem;padding-bottom:9.6rem}}.container--py{padding-top:7rem;padding-bottom:7rem}@media (min-width:71.875em){.container--py{padding-top:9.6rem;padding-bottom:9.6rem}}.container--px{padding-left:2.4rem;padding-right:2.4rem}.container--pt{padding-top:7rem}@media (min-width:71.875em){.container--pt{padding-top:9.6rem}}.container--pr{padding-right:2.4rem}.container--pb{padding-bottom:7rem}@media (min-width:71.875em){.container--pb{padding-bottom:9.6rem}}.container--pl{padding-left:2.4rem}@media (max-width:71.8125em){.hide-for-mobile{display:none}}@media (min-width:71.875em){.hide-for-desktop{display:none}}h1,h2,h3,h4,p{margin:0;padding:0;line-height:1}h1{font-size:4rem}@media (min-width:40em){h1{font-size:6.3rem}}h2{font-size:2.7rem}@media (min-width:40em){h2{font-size:4rem}}h4{font-size:1.6rem}a,a:active,a:visited{text-decoration:none;color:var(--white);font-size:2rem}.has-fade{visibility:hidden}@keyframes fade-in{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{opacity:1;visibility:visible}}.fade-in{animation:fade-in .2s ease-in-out forwards}@keyframes fade-out{0%{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}.fade-out{animation:fade-out .2s ease-in-out forwards}.has-scale{visibility:hidden;transform:scale(0)}@keyframes scale-in{0%{visibility:hidden;transform:scale(0)}1%{visibility:visible;transform:scale(0)}to{transform:scale(1);visibility:visible}}.scale-in{animation:scale-in .2s ease-in-out forwards}@keyframes scale-out{0%{visibility:visible;transform:scale(1)}99%{visibility:visible;transform:scale(0)}to{transform:scale(0);visibility:hidden}}.scale-out{animation:scale-out .2s ease-in-out forwards}.header-container{max-width:70rem;padding-top:3rem;padding-bottom:10rem}@media (min-width:40em){.header-container{padding-top:4.5rem}}.header-container .headboard{border:2px solid var(--headerOutline);padding:1rem;border-radius:.7rem}@media (min-width:40em){.header-container .headboard{padding:2rem 3rem;border-radius:1.5rem}}.header-container .title h2{line-height:.9}@media (min-width:40em){.header-container .title h2{line-height:.8}}.header-container .score{padding:1.4rem 2.4rem;border-radius:.7rem;color:var(--scoreText);background-color:var(--white);text-align:center;color:#000}@media (min-width:40em){.header-container .score{padding:2rem 5rem;border-radius:1.5rem}}.header-container .score h1{color:var(--darkText)}.header-container .score h4{color:var(--scoreText)}.game-container{margin-bottom:10rem;position:relative}.game{width:30rem;height:300px;position:absolute;top:18%}@media (min-width:40em){.game{top:6%}}.game:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(bg-triangle.5da1a726.svg);background-size:24rem;background-repeat:no-repeat;background-position:50%;z-index:-1}@media (min-width:40em){.game:after{background-size:35rem}}@media (min-width:40em){.game{width:40rem;height:40rem}}.paper,.rock,.scissors{transition:transform .15s ease-in-out;position:absolute;width:12rem;height:12rem;border-radius:50%}.paper:hover,.rock:hover,.scissors:hover{transform:scale(1.1);cursor:pointer}@media (min-width:40em){.paper,.rock,.scissors{width:17rem;height:17rem}}.paper__background,.rock__background,.scissors__background{margin:0;background-color:var(--white);box-shadow:inset 0 .5rem #949494;width:10rem;height:10rem;border-radius:50%}@media (min-width:40em){.paper__background,.rock__background,.scissors__background{width:14rem;height:14rem}}.paper img,.rock img,.scissors img{position:absolute;top:50%;left:50%}.paper{background-image:linear-gradient(0deg,#4865f4,#5671f5);box-shadow:0 .5rem 0 0 #2d3e95;top:0;left:0}@media (min-width:40em){.paper{top:-5%;left:-5%}}.paper img{transform:translate(-53%,-50%)}.scissors{background-image:linear-gradient(0deg,#fbae13,#e29a12);box-shadow:0 .5rem 0 0 #95712d;top:0;right:0}@media (min-width:40em){.scissors{top:-5%;right:-5%}}.scissors img{transform:translate(-51%,-48%)}.rock{transform-origin:545%;background-image:linear-gradient(0deg,#dc2e4e,#dd405d);box-shadow:0 .5rem 0 0 #952d40;transform:translateX(-50%);bottom:6%;left:50%}.rock img{transform:translate(-51%,-45%)}.rulesBtn-container{position:relative}.rules{padding:1.3rem 3.5rem;margin-bottom:3rem;border:1px solid #d6d6d6;border-radius:1rem;transition:all .15s ease-in-out;cursor:pointer}.rules h1{display:inline-block;line-height:0;user-select:none;font-size:2rem}.rules:hover{background-color:hsla(0,0%,100%,.9);color:#000}.rules:hover h1{color:#000}.rules-preview{position:absolute;top:0;left:0;background-color:var(--white);height:100vh;width:100vw}@media (min-width:40em){.rules-preview{top:50%;left:50%;height:40rem;width:40rem;transform:translate(-50%,-50%);border-radius:1rem}}.rules-preview h1{margin-top:10rem;margin-bottom:11.5rem;display:block;text-align:center;font-size:3rem;color:var(--darkText)}@media (min-width:40em){.rules-preview h1{display:inline-block;text-align:left;margin-top:2.5rem;margin-bottom:4rem;margin-left:3rem}}.rules-preview a{display:block;text-align:center;line-height:0}.rules-preview__close{transform:translate(-50%,-50%);display:inline-block;position:absolute;left:50%;bottom:5rem;transform-origin:0 0;transition:scale .15s ease-in-out}.rules-preview__close:hover{scale:1.3}@media (min-width:40em){.rules-preview__close{left:auto;bottom:auto;top:4.1rem;right:2rem}}.gameResult{width:100%;height:400px}.gameResult__text{text-align:center}.gameResult__text h1{margin-bottom:3rem}.gameResult__text a{padding:.6rem 2rem;line-height:0;color:var(--black);border-radius:1.1rem;background:var(--white);transition:color .15s ease-in-out}@media (min-width:40em){.gameResult__text a{padding:1.2rem 3rem}}@media (min-width:71.875em){.gameResult__text a{padding:1.2rem 11rem}}.gameResult__text a:hover{color:red}.paperResult,.rockResult,.scissorsResult{position:relative;width:12rem;height:12rem;border-radius:50%}@media (min-width:40em){.paperResult,.rockResult,.scissorsResult{width:19rem;height:19rem}}@media (min-width:71.875em){.paperResult,.rockResult,.scissorsResult{width:27rem;height:27rem}}.paperResult__background,.rockResult__background,.scissorsResult__background{margin:0;background-color:var(--white);box-shadow:inset 0 .5rem #949494;width:10rem;height:10rem;border-radius:50%}@media (min-width:40em){.paperResult__background,.rockResult__background,.scissorsResult__background{width:15rem;height:15rem}}@media (min-width:71.875em){.paperResult__background,.rockResult__background,.scissorsResult__background{width:20.5rem;height:20.5rem}}.paperResult img,.rockResult img,.scissorsResult img{position:absolute;top:50%;left:50%}.paperResult{background-image:linear-gradient(0deg,#4865f4,#5671f5);box-shadow:0 .5rem 0 0 #2d3e95}.scissorsResult{background-image:linear-gradient(0deg,#fbae13,#e29a12);box-shadow:0 .5rem 0 0 #95712d}.rockResult{transform-origin:-8% center;background-image:linear-gradient(0deg,#dc2e4e,#dd405d);box-shadow:0 .5rem 0 0 #952d40}.rockImgTransform{transform:translate(-48%,-41%)}@media (min-width:40em){.rockImgTransform{transform:translate(-46%,-31%) scale(1.4)}}@media (min-width:71.875em){.rockImgTransform{transform:translate(-46%,-31%) scale(1.8)}}.paperImgTransform{transform:translate(-54%,-44%)}@media (min-width:40em){.paperImgTransform{transform:translate(-48%,-45%) scale(1.4)}}@media (min-width:71.875em){.paperImgTransform{transform:translate(-48%,-45%) scale(1.8)}}.scissorsImgTransform{transform:translate(-52%,-43%)}@media (min-width:40em){.scissorsImgTransform{transform:translate(-42%,-45%) scale(1.4)}}@media (min-width:71.875em){.scissorsImgTransform{transform:translate(-42%,-45%) scale(1.8)}}footer{width:100%;text-align:center;font-size:1.8rem;font-family:Josefin Sans,sans-serif}
/*# sourceMappingURL=style.f0a5ab63.css.map */