@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);.card{align-items:center;aspect-ratio:1;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-direction:column;justify-content:center;padding:0;transition:all .8s ease}.card h1{flex:0 1 auto;font-size:1.9em;margin-bottom:5%;padding:0;text-align:center}.card img{flex:2 3 100px}.card:hover{background-color:#50dbb4;cursor:pointer}.board{grid-gap:20px;display:grid;gap:20px;grid-template:repeat(3,1fr) /repeat(4,1fr);margin-bottom:100px;width:50%}@media only screen and (max-width:1100px){.board{grid-template:repeat(6,1fr) /repeat(2,1fr)}}@media only screen and (max-width:500px){.board{width:300px}}.main{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin:0;padding:0 0 100px}body,html{box-sizing:border-box;font-family:Bebas Neue,cursive;margin:0;padding:0}
/*# sourceMappingURL=main.f9ce93c7.css.map*/