@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";body{background:#1f364d;background:linear-gradient(180deg,#1f364d,#0e2439) fixed;font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6,p{color:#fff;margin:0}p{font-size:12px}.title{margin:0;padding:10px;text-align:center}canvas{aspect-ratio:1/1;background:#fff;display:block;margin:auto;width:500px}@media screen and (max-width:500px){canvas{width:100%}}.buttons{display:flex;justify-content:space-between;margin:20px auto;max-width:500px}.button{background:#fff;border:0;border-radius:10px;color:#1f364d;display:inline-block;font-size:20px;padding:10px 30px;text-decoration:none}.button:hover{background:#f2f2f2;cursor:pointer}.button--primary{background:#ff0048;color:#fff}.button--primary:hover{background:#ff306a}.board{display:flex;font-weight:700;justify-content:space-between;margin:auto;width:500px}@media screen and (max-width:500px){.board{width:100%}}.board #state{text-transform:capitalize}
/*# sourceMappingURL=index.8fdf4749.css.map */