html,body{background:linear-gradient(45deg,#22b7dd,#49abe0 29%,#8399e3 72%,#a98ee6);box-sizing:border-box;font-family:sans-serif;height:100%;margin:0;padding:0;width:100%}section{height:100%}button:focus{outline:none}.intro,.game{align-items:center;color:#e0e0e0;display:flex;flex-direction:column;height:100%;justify-content:space-around;transition:opacity .5s ease}.intro{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:2rem;position:relative;text-align:center}.intro .intro-hands{width:80%;max-width:300px}.intro button{background:none;border:5px solid rgb(224,224,224);border-radius:10px;color:#e0e0e0;cursor:pointer;font-size:20px;height:50px;margin-top:1rem;width:120px}.hands,.options{align-items:center;display:flex;justify-content:center}.hands .player-hand,.hands .computer-hand,.options .player-hand,.options .computer-hand{width:43%}.hands .computer-hand,.options .computer-hand{margin-left:15px}.hands .player-hand,.options .player-hand{margin-right:15px;transform:rotateY(180deg)}.match button{border:5px solid #687ab5;border-radius:50%;cursor:pointer;height:5rem;margin:30px 5px;width:5rem}.match button:hover{border:5px solid #4e5b88}.match button img{transform:rotate(190deg);width:100%}.footer{bottom:10px;color:#e0e0e0;font-size:.9rem;position:fixed;text-align:center;width:100%;z-index:100}.footer a{color:#e0e0e0;text-decoration:none}.footer a:hover{text-decoration:underline}.fadeOut{display:none}.fadeIn{display:flex}.score{align-items:center;color:#e0e0e0;display:flex;justify-content:space-evenly;margin:.5rem auto;padding:.5rem 0;width:100%}.score .wrapper-player-score,.score .wrapper-computer-score{align-items:center;display:flex;flex-direction:column;gap:.25rem;position:relative}.score .wrapper-player-score .player-score,.score .wrapper-player-score .computer-score,.score .wrapper-computer-score .player-score,.score .wrapper-computer-score .computer-score{align-items:center;border:5px solid #4e5b88;border-radius:50%;display:flex;height:4.5rem;justify-content:center;padding:12px;width:4.5rem}.score .wrapper-player-score .player-score img,.score .wrapper-player-score .computer-score img,.score .wrapper-computer-score .player-score img,.score .wrapper-computer-score .computer-score img{height:100%;object-fit:contain}.score .wrapper-player-score .score-text,.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .score-text,.score .wrapper-computer-score .result-icon{align-items:center;border-radius:50%;bottom:-30px;color:#e0e0e0;display:none;font-size:1.5rem;height:28px;justify-content:center;padding:6px;position:absolute;width:28px;z-index:1}.score .wrapper-player-score .score-text.fadeIn,.score .wrapper-player-score .result-icon.fadeIn,.score .wrapper-computer-score .score-text.fadeIn,.score .wrapper-computer-score .result-icon.fadeIn{display:flex}.score .wrapper-player-score .score-text.fadeOut,.score .wrapper-player-score .result-icon.fadeOut,.score .wrapper-computer-score .score-text.fadeOut,.score .wrapper-computer-score .result-icon.fadeOut{display:none}.score .wrapper-player-score .score-text,.score .wrapper-computer-score .score-text{background:#4e5b88}.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .result-icon{font-weight:700}.score .wrapper-player-score .result-icon.win,.score .wrapper-computer-score .result-icon.win{background:#3f7f00}.score .wrapper-player-score .result-icon.lose,.score .wrapper-computer-score .result-icon.lose{background:#7f0000}.score .wrapper-player-score .result-icon.tie,.score .wrapper-computer-score .result-icon.tie{background:#005d67}.wrapper-player-score .score-text,.wrapper-player-score .result-icon{right:0}.wrapper-computer-score .score-text,.wrapper-computer-score .result-icon{left:0}@keyframes shakeComputer{0%,25%,50%,75%,to{transform:translateY(0)}15%,35%,65%,85%{transform:translateY(-50px)}}@keyframes shakePlayer{0%,25%,50%,75%,to{transform:rotateY(180deg) translateY(0)}15%,35%,65%,85%{transform:rotateY(180deg) translateY(-50px)}}@media (min-width: 768px){.intro{flex-direction:row;gap:0;margin-top:0}.intro .intro-hands{max-width:500px}.intro button{height:60px;left:50%;position:absolute;top:40%;transform:translate(-35%);width:120px}.score{width:80%}.score .wrapper-player-score .player-score,.score .wrapper-player-score .computer-score,.score .wrapper-computer-score .player-score,.score .wrapper-computer-score .computer-score{height:6.25rem;width:6.25rem}.score .wrapper-player-score .player-score img,.score .wrapper-player-score .computer-score img,.score .wrapper-computer-score .player-score img,.score .wrapper-computer-score .computer-score img{height:100%}.score .wrapper-player-score .score-text,.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .score-text,.score .wrapper-computer-score .result-icon{bottom:-40px;font-size:2.1875rem;height:30px;width:30px}.match button{height:100px;margin:50px 10px;width:100px}}