@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);html{-webkit-box-sizing:border-box;box-sizing:border-box}body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;margin:0;min-height:100vh}footer a{color:#000;cursor:pointer;text-decoration:none}.overlay{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:load-overlay 1s forwards;animation:load-overlay 1s forwards;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100vh;justify-content:center;position:absolute;right:0;top:0;width:100vw;z-index:10}@-webkit-keyframes load-overlay{0%{opacity:0}to{opacity:.95}}@keyframes load-overlay{0%{opacity:0}to{opacity:.95}}.overlay h3{font-size:25px}.overlay h2{font-size:35px}.fa-xmark{cursor:pointer;font-size:40px;left:-35%;position:relative;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.fa-xmark:hover{-webkit-filter:brightness(120);filter:brightness(120);-webkit-transform:scale(1.2);transform:scale(1.2)}.explanation-icons{-ms-flex-pack:distribute;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around;margin-top:20px}.overlay p{font-size:25px;margin:10px 0}.overlay p span{font-weight:700}.continue{color:#1e90ff;cursor:pointer;padding:5px 35px}.overlay .continue{-webkit-animation:continue-text 3s 4s infinite;animation:continue-text 3s 4s infinite;display:inline;font-size:40px;margin-top:20px}@-webkit-keyframes continue-text{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes continue-text{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.continue:hover{outline:3px solid #1e90ff}.game-container{background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 20px -5px rgba(0,0,0,.5);box-shadow:0 10px 20px -5px rgba(0,0,0,.5);height:620px;width:530px}.header{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1e90ff;border-top-left-radius:5px;border-top-right-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;justify-content:center}h1{color:#fff;font-size:30px}.player-container{margin:50px}h2{margin-bottom:20px}.far{font-size:50px;margin-right:40px;-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.explanation-icons>.far{margin:10px}#player>.far:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#player .choice,#player .far{color:#1e90ff;cursor:pointer}#computer .choice,#computer .far{color:#eb0b30}#computer .far:last-of-type,#player .far:last-of-type{margin-right:0}.selected{color:#000!important}.reset-icon{cursor:pointer;font-size:30px;margin-left:50px}.reset-icon:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.result-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.result-text{font-size:40px;margin:initial;margin-top:20px}.result-text-won{-webkit-animation:text-won 2.3s ease-out infinite;animation:text-won 2.3s ease-out infinite}@-webkit-keyframes text-won{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes text-won{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}.result-text-lost{-webkit-animation:text-lost .2s ease-in-out 0s 1 normal forwards;animation:text-lost .2s ease-in-out 0s 1 normal forwards}@-webkit-keyframes text-lost{0%{-webkit-transform:scale(2.1);transform:scale(2.1)}to{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes text-lost{0%{-webkit-transform:scale(2.1);transform:scale(2.1)}to{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.extra-message{font-size:20px;margin-top:15px;text-align:center}footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:20px;justify-content:center;padding-top:28px}.date{font-weight:700}.hidden{display:none}@media screen and (max-width:600px){.game-container{height:580px;width:95%}h1{font-size:24px}.player-container{margin:50px 0 25px 25px}.far{margin-right:20px}.reset-icon{margin-left:25px;margin-top:25px}.result-text{font-size:30px}.extra-message{font-size:15px;margin-top:15px}}@media screen and (max-width:376px){.game-container{height:550px}h1{font-size:22px}.player-container{margin:43px 0 25px 20px}.far{font-size:43px}.reset-icon{margin-top:15px}.result-container{margin:0 20px}.result-text{font-size:25px}.extra-message{font-size:15px;margin-top:15px}.overlay p{font-size:15px;margin:10px 0}.overlay .continue{font-size:35px}.overlay h2,.overlay h3{font-size:20px}.overlay h2{text-decoration:underline}}