*{box-sizing:border-box;font-family:Montserrat;margin:0;padding:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;letter-spacing:.8px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{background-color:#262c2e;color:#eee;display:grid;height:100vh;overflow:scroll;width:100%}.logo-image{height:7rem;position:absolute;right:1rem;top:-1rem}.title{font-size:64px;font-weight:600;justify-content:start;padding:3rem 0 0 8rem;position:flex}.square-container{align-self:center;background-color:#1e2325;justify-content:center;margin:5rem;padding:1rem}.grid{background-color:#3c4143;display:grid}.grid-square{align-items:center;background-color:#1e2325;color:#eee;cursor:pointer;display:flex;font-size:2.5rem;height:10rem;justify-content:center;padding:.5rem;position:relative;text-align:center;transition:all .2s}.grid-column-3{box-shadow:15px 20px 30px 0 #0000001c;column-gap:2rem;grid-template-columns:repeat(3,1fr);padding:1.5rem;row-gap:2rem;width:100%}@media (max-width:430px){.square-container{margin:0;padding:0;width:100vw}.grid-column-3{grid-template-columns:repeat(2,1fr)}.title{display:flex;font-size:6.5vw;justify-content:flex-start;padding:2rem 0 1rem 1rem}.grid-square{font-size:2rem}}@media (max-width:375px){.grid-column-3{grid-template-columns:1fr}.square-container{margin:0;padding:0;width:100vw}.grid-square{font-size:2.5rem;height:15vh;margin:1%;width:340px}}.grid-square:hover{background-color:#2e3335}.grid-square.playing{background-color:#44494b}.timer{position:absolute;right:5%;top:5%}
/*# sourceMappingURL=main.3943e934.css.map*/