:root{--black-:#151515;--white-:#dcdcdc;--player1-:#da4747;--player2-:#3939b0;--font-:Impact}html{overflow:hidden}button{font-family:var(--font-);border:2px solid var(--white-);background:var(--black-);color:var(--white-);border-radius:20px;padding:10px;font-size:1.2rem;transition:all .5s}button:hover{border:2px inset var(--black-);background:var(--white-);color:var(--black-);transition:all .5s}nav{font-family:var(--font-);background-color:var(--black-);color:var(--white-);justify-content:space-evenly;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}h2{font-family:var(--font-);opacity:.8;text-align:center;color:var(--black-);z-index:-3;font-size:250px;position:absolute;top:0;left:0;right:0}table{background-color:var(--black-);border:1px solid var(--black-);z-index:1;border-radius:30px;margin-top:10%;margin-left:auto;margin-right:auto;padding:5px;position:relative;box-shadow:0 12px 12px -4px #000}td{height:50px;width:50px;z-index:2;border-top:3px inset #0000008d;border-radius:50%;position:relative}td:hover{background-color:var(--white-);transition:all .3s}.player1{background-color:var(--player1-);z-index:-1;animation:.8s ease-in-out bounce}.player2{background-color:var(--player2-);z-index:-1;animation:.8s ease-in-out bounce}.winning{clip-path:polygon(50% 0%,65% 26%,98% 35%,77% 57%,79% 91%,50% 77%,21% 91%,25% 57%,2% 35%,34% 27%);transition:all 1s}.winScreen{color:#da4747;animation:3s infinite alternate flash}@keyframes bounce{0%{filter:invert();opacity:0;transform:translateY(-1000%)}to{width:50px;opacity:.9;transform:translateY(0)}}@keyframes flash{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@media only screen and (max-width:600px){table{margin-top:25%}}
/*# sourceMappingURL=index.5386bec7.css.map */