*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#6d6027;background:linear-gradient(90deg,#d3cbb8,#6d6027)}h1{background:#fff;border-radius:5px;color:#daa520;padding:1rem}.App{align-items:center;font-family:sans-serif;gap:4rem;justify-content:center;margin:4rem auto;min-height:60%;text-align:center;width:60vw}.App,.board{display:flex;flex-direction:column}.board{gap:3px}input{border-radius:5px;color:brown;font-size:2rem;outline:0;padding:.5rem 1rem}.not-valid{border:2px solid red}.valid{border:2px solid green}.message{background-color:bisque;border-radius:5px;color:green;font-weight:700;width:-webkit-max-content;width:max-content}.message,button{font-size:1.2rem;padding:.5rem 1rem}button{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.8a5b8af4.css.map*/