@import url(https://fonts.googleapis.com/css2?family=Signika+Negative&display=swap);body,html{background-color:#93b1a7;font-family:Signika Negative,sans-serif;margin:0;padding:0}*{box-sizing:border-box}button{background-color:#7a918d;border:none;border-radius:15px;cursor:pointer;font-weight:700;height:3em;padding:0 15px}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;padding:.5em}.grid{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(4,100px);place-content:center}.menu{align-items:center;display:flex;gap:20px;justify-content:center;width:50%}.card{background-color:#dbfeb8;border-radius:15px;box-shadow:0 0 8px 5px hsla(170,9%,52%,.64);overflow:hidden}.close{cursor:pointer;opacity:0;transition:all .2s}.open{cursor:default;opacity:100%;transition:all .5s}@media only screen and (min-width:992px){.card:hover{background-color:#bfdaa4}}.timer{font-size:32px;text-align:center}
/*# sourceMappingURL=main.59e419a3.css.map*/