@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;700&display=swap);@font-face{font-family:Mr Robot;src:url(/static/media/MrRobot.e31934bb1750d5e19df3.otf)}@-webkit-keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}*{box-sizing:border-box;color:#fff;font-family:Rubik,sans-serif;margin:0;padding:0}body{background:#0a0a0a}.app{display:flex;flex-direction:column;height:100vh}.header{color:#fff;font-size:1.5rem;padding:1rem;text-align:center}.header h1{color:red;font-family:Mr Robot;font-weight:100}.main{flex:1 1;flex-direction:column;padding:0 2rem 2rem}.main,.main .score{display:flex;gap:2rem}.main .score{font-size:1.5rem;justify-content:center}.main .best,.main .current{color:red;font-family:Mr Robot}.main .cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.main .cards .card{border:4px double red;border-radius:6px;cursor:pointer;display:flex;flex:0 0 300px;flex-direction:column;gap:1rem;justify-content:space-between;max-height:450px;overflow:hidden;padding:3rem 0 0;text-align:center;transition:border-radius .15s linear,border-color .15s linear}.main .cards .card:hover .img{-webkit-transform:scale(1.1);transform:scale(1.1)}.main .cards .card .title{font-size:1.5rem}.main .cards .card img{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.footer{align-items:center;background:#141414;display:flex;font-size:18px;gap:5px;justify-content:center;padding:1rem}.footer .github-icon{height:32px;transition:.5s ease-in-out;width:32px}.footer .github-icon:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
/*# sourceMappingURL=main.b69381f4.css.map*/