body,html{font-family:Barlow Semi Condensed,sans-serif;font-size:62.5%}a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{background:#141539;background-image:linear-gradient(#1f3756,#141539);background-attachment:fixed;background-repeat:no-repeat;font-family:Barlow Semi Condensed,sans-serif;max-width:100%;overflow-x:hidden}.rules{z-index:5;position:absolute;background-color:#fff;padding:2rem;border-radius:2rem;text-transform:uppercase;box-shadow:0 0 6px 1px rgba(0,0,0,.64);width:auto}@media screen and (max-width:500px){.rules{margin-top:-5rem;position:fixed;width:100%;border-radius:0;height:100vh}.rules img{margin:5rem 0 0!important;width:100%}}.rules .control{display:flex;justify-content:space-between;align-items:center}.rules .control h1{font-size:3rem;color:grey}.rules .control .close{transition:.3s ease-in-out;cursor:pointer}.rules .control .close:hover{color:red}.rules img{margin:4rem}.reset_button{left:0}.reset_button,.rules_button{position:fixed;bottom:0;border:1px solid #fff;color:#fff;background:inherit;display:flex;justify-content:center;align-items:center;text-transform:uppercase;border-radius:2rem;padding:1rem 2rem;margin:3rem;outline:none;cursor:pointer}.rules_button{letter-spacing:3px;right:0}.App{position:relative;justify-content:center;flex-direction:column;overflow:hidden}.App,.scoreBoard{display:flex;align-items:center}.scoreBoard{margin-top:2rem;border:3px solid hsla(0,0%,100%,.44);padding:2rem;width:70rem;border-radius:.5rem;justify-content:space-between;color:#fff;text-transform:uppercase}.scoreBoard .title{font-size:1rem}.scoreBoard .score{background-color:#fff;text-align:center;color:#1f3756;padding:2rem;border-radius:.5rem}.scoreBoard .score p{font-size:2rem}.scoreBoard .score h3{font-size:5rem}@media screen and (max-width:728px){.scoreBoard{width:100%;margin-top:0;border-radius:0}.scoreBoard .title{font-size:.8rem}.scoreBoard .score{padding:1rem;border-radius:0}.scoreBoard .score p{font-size:1.5rem}.scoreBoard .score h3{font-size:3rem}}.gameOptions{display:inline-block;margin:3rem;height:50rem;background-image:url(/_next/static/media/bg-pentagon.1ad6d36532b75eb7d82cabe6e8d92aef.svg);background-repeat:no-repeat;background-position:50%;padding:7rem;width:70rem;position:relative}@media screen and (max-width:728px){.gameOptions{width:60rem}}@media screen and (max-width:600px){.gameOptions{width:50rem}}@media screen and (max-width:500px){.gameOptions{width:40rem}}@media screen and (max-width:410px){.gameOptions{width:35rem}}.pick{display:flex;justify-content:space-evenly;align-items:center;width:80%;height:70vh;padding:2rem}@media screen and (max-width:920px){.pick{width:100%;margin-top:3rem}}@media screen and (max-width:600px){.pick{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-items:center}.pick div{display:flex;flex-direction:column-reverse!important}.pick .a{grid-area:1/1/2/2}.pick .b{grid-area:2/1/3/3;display:flex;flex-direction:column!important}.pick .c{grid-area:1/2/2/3}.pick h1{font-size:1.8rem!important;margin:2rem 0!important}.pick .message{font-size:3rem!important}}.pick h1{font-size:2rem;color:#fff;margin:2rem 0}.pick .result,.pick h1{text-align:center}.pick .result span{font-size:2rem;color:#000;background-color:#fff;border-radius:.5rem;padding:.8rem 3rem;transition:all .3s ease-in-out}.pick .result span:hover{cursor:pointer;border:2px solid #15a2e4;color:#15a2e4;padding:.7rem 5rem}.pick .result .message{font-size:5rem}.picked{position:static!important;margin:0 2rem}.picked span{height:12rem!important;width:12rem!important}@media screen and (max-width:410px){.picked img{width:6rem!important}}.option{transition:all .3s ease-in-out;display:inline-flex}.option,.option span{border-radius:50%;box-shadow:inset 0 5px 2px 2px rgba(0,0,0,.25)}.option span{background-color:#fff;display:flex;align-items:center;justify-content:center;height:10rem;width:10rem}@media screen and (max-width:728px){.option span{height:9rem;width:9rem}}@media screen and (max-width:410px){.option span{height:7rem;width:7rem}}.option img{transition:all .3s ease-in-out}@media screen and (max-width:410px){.option img{width:3rem}}.option:hover{cursor:pointer;filter:brightness(1.2)}.option:hover img{transform:rotate(50deg)}.rock{border:1.5rem solid #bd3737;position:absolute;top:28%;left:18%}@media screen and (max-width:728px){.rock{left:15%;top:30%}}@media screen and (max-width:600px){.rock{left:6%;top:31%}}@media screen and (max-width:500px){.rock{left:-1%}}@media screen and (max-width:410px){.rock{border:1rem solid #bd3737;top:34%;left:-2%}}.paper{border:1.5rem solid #3f3dc7;position:absolute;top:28%;right:18%}@media screen and (max-width:728px){.paper{right:15%;top:30%}}@media screen and (max-width:600px){.paper{right:6%;top:31%}}@media screen and (max-width:500px){.paper{right:-1%}}@media screen and (max-width:410px){.paper{border:1rem solid #3f3dc7;top:34%;right:-2%}}.scissors{border:1.5rem solid #b3b01c;position:absolute;top:5%;right:41%}@media screen and (max-width:728px){.scissors{top:8%}}@media screen and (max-width:600px){.scissors{right:39%}}@media screen and (max-width:500px){.scissors{right:35%}}@media screen and (max-width:410px){.scissors{border:1rem solid #b3b01c;right:37%;top:12%}}.lizard{border:1.5rem solid #5c1d80;position:absolute;bottom:10%;left:28%}@media screen and (max-width:728px){.lizard{left:25%}}@media screen and (max-width:600px){.lizard{left:18%}}@media screen and (max-width:500px){.lizard{left:11%}}@media screen and (max-width:410px){.lizard{border:1rem solid #5c1d80;bottom:14%}}.spock{border:1.5rem solid #23b9c4;position:absolute;bottom:10%;right:28%}@media screen and (max-width:728px){.spock{right:25%}}@media screen and (max-width:600px){.spock{right:18%}}@media screen and (max-width:500px){.spock{right:11%}}@media screen and (max-width:410px){.spock{border:1rem solid #23b9c4;bottom:14%}}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{transform:scale(.9);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{transform:scale(.9);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}