@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#b8dbdb;font-family:Opens Sans,sans-serif}header{align-items:center;background:#5db9b9;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 0}header h1{font-size:3rem;text-shadow:0 0 5px #f8dfb0}header p{font-size:1.2rem;text-shadow:0 0 2px #f8dfb0}main{grid-gap:2rem;display:grid;gap:2rem;padding:2rem 0;place-items:center}.game-container{grid-gap:.1rem;display:grid;gap:.1rem;grid-template-columns:repeat(20,1.25rem)}.cell{border:1px solid #fff;border-radius:.25rem;display:grid;height:1.25rem;place-items:center}.btn,.cell{color:#ffebcd}.btn{background:teal;border:none;border-radius:.45rem;font-size:1.2rem;padding:.6rem 1.2rem;transition:.5s}.btn:hover{background-color:#ffebcd;box-shadow:inset 0 0 2px 2px #1a1817,0 0 2px 1px teal;color:teal}.btn-outline{background:#ffebcd;color:teal;outline:.0625rem solid teal}.btn-outline:hover{background:#bf6b6b;color:#ffebcd}.modal-container{position:absolute}.lose-modal{background:#ffebcd;border-radius:1rem;box-shadow:0 0 700px 300px teal;display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;position:relative}.lose-modal .actions-bar{display:flex;gap:1rem;justify-content:center;padding:0 1rem}@media screen and (min-width:720px){.cell{font-size:1.5rem;height:2rem}.game-container{grid-template-columns:repeat(20,2rem)}}
/*# sourceMappingURL=main.3b38c124.css.map*/