div.game-screen,div.game-screen.enter{opacity:0}div.game-screen.enter-active{opacity:1;transition:opacity .5s}div.game-screen.enter-done,div.game-screen.exit{opacity:1}div.game-screen.exit-active{opacity:0;transition:opacity .5s}div.game-screen.exit-done{opacity:0}div.card-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80vh;width:80vw;display:grid;grid-gap:50px 100px}div.card{display:flex;justify-content:center;align-items:center;cursor:pointer}div.game-speed{position:absolute;top:3%;left:50%;transform:translate(-50%);font-size:25px;font-weight:700;display:flex;align-items:center;gap:30px}div.game-speed *{cursor:pointer}div.game-speed div.selected{font-family:Pokemon Filled}div.score-board{position:absolute;bottom:3%;left:50%;transform:translate(-50%);font-size:25px;display:flex;align-items:center;flex-shrink:0;gap:20px}div.num-guesses.current{font-weight:700;flex-shrink:0}div.num-guesses.best{font-weight:700;display:flex;flex-shrink:0;justify-content:center;align-items:center;gap:20px}.to-menu-icon{height:35px;position:absolute;top:3%;right:2%;cursor:pointer}.to-menu-icon:active{transform:scale(.9)}div.card{transform-style:preserve-3d;transition-property:transform;transition-duration:1s;position:relative;max-width:100%;max-height:100%;width:auto;height:auto}div.card.flip{transform:rotateY(-180deg)}div.hidden-side{position:absolute;height:100%;width:100%;top:0;left:0;transform:rotateY(180deg);backface-visibility:hidden}img.hidden-side.pokemon{height:70%;width:auto;top:50%;left:50%;transform:rotateY(180deg);backface-visibility:hidden}div.shown-side{position:absolute;height:100%;width:100%;top:0;left:0;transform:rotateY(0);backface-visibility:hidden}@font-face{font-family:Pokemon Hollow;src:url(/assets/pokemon_font_hollow-91b3f101.ttf) format("truetype")}@font-face{font-family:Pokemon Filled;src:url(/assets/pokemon_font_filled-a8e23ded.ttf) format("truetype")}:root{--modal-background-color: rgba(255, 255, 255, .65);--modal-background-shading: rgba(255, 255, 255, .35);--text-color: rgb(28, 38, 80)}body{background:url(/assets/pokepair_background-2f30f828.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:Pokemon Hollow;color:var(--text-color)}div.modal{background:rgba(255,0,0,.3);background:var(--modal-background-color);border-radius:10px;-webkit-box-shadow:0 0 10px 5px var(--modal-background-shading);box-shadow:0 0 10px 5px var(--modal-background-shading)}div.modal.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:250px;width:400px;font-size:30px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}a.github-link{color:inherit}.github-icon{height:35px;position:absolute;top:3%;right:2%}div.menu div.start,div.menu div.difficulty-options>*{cursor:pointer}div.menu div.difficulty-options>*.selected{font-family:Pokemon Filled}div.difficulty-options{display:flex;gap:20px}div.menu div.start:active{transform:scale(.9)}div.menu-screen.appear{opacity:0}div.menu-screen.appear-active{opacity:1;transition:opacity .5s}div.menu-screen.enter{opacity:0}div.menu-screen.enter-active{opacity:1;transition:opacity .5s}div.menu-screen.enter-done,div.menu-screen.exit{opacity:1}div.menu-screen.exit-active{opacity:0;transition:opacity .5s}div.menu-screen.exit-done{opacity:0}div.end-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;height:200px;width:350px;font-size:30px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}div.end-screen span.num-guesses{font-family:Pokemon Filled}div.end-screen hr{border-top:1px solid var(--text-color);border-left:0px;border-right:0px;border-bottom:0px;width:80%}div.end-screen div.play-again{cursor:pointer}div.end-screen div.play-again:active{transform:scale(.9)}div.end-screen.enter{opacity:0}div.end-screen.enter-active{opacity:1;transition:opacity .5s}div.end-screen.enter-done,div.end-screen.exit{opacity:1}div.end-screen.exit-active{opacity:0;transition:opacity .5s}div.end-screen.exit-done{opacity:0}div.loading-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100px;width:300px;font-size:30px;font-weight:700;display:flex;justify-content:center;align-items:center}div.loading-screen.enter{opacity:0}div.loading-screen.enter-active{opacity:1;transition:opacity .5s}div.loading-screen.enter-done,div.loading-screen.exit{opacity:1}div.loading-screen.exit-active{opacity:0;transition:opacity .5s}div.loading-screen.exit-done{opacity:0}div.error-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;text-align:center;height:150px;width:700px;font-size:30px;font-weight:700;display:flex;justify-content:center;align-items:center}div.error-screen.enter{opacity:0}div.error-screen.enter-active{opacity:1;transition:opacity .5s}div.error-screen.enter-done,div.error-screen.exit{opacity:1}div.error-screen.exit-active{opacity:0;transition:opacity .5s}div.error-screen.exit-done{opacity:0}