*{margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1;margin:0 0 24px}p{font-weight:700;margin:10px 0}body{margin:0;padding:0;width:100%;height:100%;background-color:#fff}.video-background{position:fixed;z-index:-1;object-fit:cover}.App{max-width:80%;margin:0 auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.heading{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;padding-top:10%}button{background:none;border:2px solid white;padding:6px 12px;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;font-size:1em;margin-bottom:20px}button:hover{background:#247c41;color:#fff}.grid-container{background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px}.card-grid{position:relative;display:flex;width:100%;height:400px}.scoreboard{display:flex;width:30%;justify-content:space-between}div.card:nth-child(odd){animation-direction:reverse}.card{width:100px;height:100px;transition:transform .3s ease;animation:bounce 3s linear infinite;position:absolute;transform:translate(-50%)}.card img{width:100%;height:100%;display:block;border:2px solid white;border-radius:50%;transform:translate(-50%)}.card img::selection{background:transparent;transform:translate(-50%)}.card[data-odd=false]{animation-delay:-1.5s}.card .front{opacity:0;transition:opacity .4s ease}.card[data-flipped=true] .front{opacity:1}.card[data-flipped=true] .back{opacity:0}.card .back{position:absolute;border:2px solid white;border-radius:50%;width:100%;height:100%;opacity:1;transition:opacity .4s ease;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.game-over{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#fff;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:2rem;z-index:99}.game-over h2{font-size:3rem;margin-bottom:20px}.game-over p{font-size:2rem;margin-bottom:30px}.game-over-btn{width:50%;align-self:center}.game-info{display:flex;justify-content:space-between}.game-info p{margin:0}#player-1{color:#ecbfaf}#player-2{color:#b5e7c6}