*{box-sizing:border-box;margin:0;padding:0}body{background:url(/memory-card/static/media/bg.6da4633ec6f8e66e3aa9.png);background-repeat:no-repeat;background-size:cover;color:#ece8e1;font-family:Anton,sans-serif}.scoreboard,body{align-items:center;display:flex;justify-content:center}.scoreboard{margin-top:1rem;padding:1rem}.scoreboard__header{font-size:3rem;font-weight:400;letter-spacing:.035em;line-height:68px;margin:0 5rem}@media(max-width:70em){.scoreboard__header{font-size:2rem;margin:0 3rem}}@media(max-width:48.75em){.scoreboard__header{font-size:2rem;margin:0 2rem}}@media(max-width:35.625em){.scoreboard__header{font-size:1rem;line-height:normal;margin:0 .5rem;max-width:5rem;text-align:center}}.scoreboard__score{background-color:hsla(0,0%,100%,.08);-webkit-clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);font-size:2rem;line-height:45px;padding:.5rem 5rem}@media(max-width:70em){.scoreboard__score{font-size:1.5rem;padding:.5rem 4rem}}@media(max-width:48.75em){.scoreboard__score{font-size:1rem;padding:.25rem 2rem}}@media(max-width:35.625em){.scoreboard__score{font-size:1rem;padding:0 1.5rem}}.scoreboard__score span{color:#7ad8bd}.gameboard{align-items:center;display:flex;flex-direction:column;justify-content:center}.gameboard__text{font-family:Rubik,sans-serif;font-size:1rem;letter-spacing:.03em;padding:0 1rem;text-align:center}@media(max-width:48.75em){.gameboard__text{font-size:.8rem}}@media(max-width:35.625em){.gameboard__text{font-size:.7rem}}.gameboard__cards{align-items:center;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem;max-width:90rem}@media(max-width:48.75em){.gameboard__cards{margin-top:2rem}}.card{margin:1rem;width:200px}.card:hover{background:linear-gradient(0deg,rgba(38,253,219,0),rgba(38,253,219,.2) 90%);box-shadow:0 -3px #fff;cursor:pointer}.overlay{align-items:center;-webkit-animation:fadeIn .1s;animation:fadeIn .1s;background:linear-gradient(180deg,rgba(12,91,86,.7),rgba(0,4,13,.7));display:flex;flex-direction:column;height:100vh;justify-content:space-around;overflow:hidden;text-align:center;width:100vw}.overlay p{-webkit-animation:slideScale 1s;animation:slideScale 1s;color:#7ad8bd;font-size:30rem;line-height:602px;text-shadow:0 50px 250px #119580}@media(max-width:100em){.overlay p{font-size:20rem;line-height:normal}}@media(max-width:70em){.overlay p{font-size:15rem}}@media(max-width:48.75em){.overlay p{font-size:10rem}}@media(max-width:35.625em){.overlay p{font-size:5rem}}.btn{background:#ece8e1;border:none;color:#0f1923;cursor:pointer;font-family:Rubik,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.035em;line-height:45px;outline:1px solid #7d8082;outline-offset:.4rem;overflow:hidden;padding:.5rem 4rem;position:relative}.btn__slide{background-color:#ff4655;display:block;height:100%;left:-8px;position:absolute;top:0;-webkit-transform:skew(-15deg);transform:skew(-15deg);transition:all .2s ease;width:0;z-index:0}.btn__text{position:relative}.btn:hover{color:#ece8e1}.btn:hover .btn__slide{width:calc(100% + 17px)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideScale{0%{-webkit-transform:translateY(200px) scale(2);transform:translateY(200px) scale(2)}50%{text-shadow:0 50px 250px #09caaa;-webkit-transform:translateY(-100px) scale(1.3);transform:translateY(-100px) scale(1.3)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideScale{0%{-webkit-transform:translateY(200px) scale(2);transform:translateY(200px) scale(2)}50%{text-shadow:0 50px 250px #09caaa;-webkit-transform:translateY(-100px) scale(1.3);transform:translateY(-100px) scale(1.3)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.23e3c24e.css.map*/