h1,h2,h3,h4,h5,h6{text-wrap:balance}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0;padding:0}body{min-height:100vh}figcaption,li,p{max-width:65ch;text-wrap:pretty}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}@font-face{font-family:BlackOpsOne;src:url(bbb5ee57ebac551d8d55.woff) format("woff"),url(b2fbbfe1b07596b7353b.woff2) format("woff2")}@font-face{font-family:MontserratMedium;src:url(d4229eb4f41cd8ed69a0.woff) format("woff"),url(666e9a78e4e3819f55b3.woff2) format("woff2")}body{align-items:center;background-color:#0a192f;display:flex;flex-direction:column;gap:1.5rem}h1{font-family:BlackOpsOne;font-size:3.75rem;margin-top:2.5rem}#banner,h1{color:#00b8d9;text-shadow:4px 4px 10px #000}#banner{align-items:center;background-color:#2e4052;border-bottom:.5px solid #e63946;border-top:.5px solid #e63946;font-family:MontserratMedium;font-size:1.75rem;height:3.5rem;width:100%}#banner,#container{display:flex;justify-content:center}#container{gap:1.5rem;height:60vh;width:75vw}.board-container{align-content:space-evenly;background-color:#2e4052;border:2px solid #8899a6;border-radius:.3rem;box-shadow:0 0 5px 3px #e63946;display:grid;gap:.5rem;grid-template-columns:.1fr 2fr;grid-template-rows:.1fr .1fr 2fr;padding:1rem;width:50%}.no-cursor-allowed{pointer-events:none}h2{font-size:1.3rem;grid-column:1/3;grid-row:1/2;justify-self:center;text-shadow:4px 4px 10px #000}h2,h3,h4,label,p{color:#00b8d9;font-family:MontserratMedium}h3,h4,label,p{text-shadow:2px 2px 4px #000}.number-coords{grid-column:2/3;grid-template-columns:repeat(10,1fr)}.letter-coords,.number-coords{align-items:center;display:grid;justify-items:center}.board{border:2px solid #95a5a6;border-radius:.2rem;grid-column:2/3;grid-row:3/4;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.board,.row{display:grid}.row{grid-column:1/11;grid-template-columns:repeat(10,minmax(1.5rem,1fr))}.column{align-items:center;background-color:#00b8d9;border:1px solid #95a5a6;display:flex;justify-content:center}.column:hover{cursor:pointer}.missed-circle{background-color:#4361ee}.hit-circle{background-color:#e63946}.hit-circle,.missed-circle{border-radius:.5rem;height:50%;width:50%}.is-open{background-color:#0a192f;display:grid;font-family:MontserratMedium;gap:1rem;grid-template-columns:1fr;grid-template-rows:.25fr 1fr .5fr;min-height:100vh;min-width:100vw}.start-game-modal h2{font-family:BlackOpsOne;font-size:4rem;margin-top:1.5rem}#start-modal-main{display:grid;gap:1rem;grid-row:2/3;grid-template-columns:.5fr 1fr;justify-self:center;width:40%}#boat-placement-container{align-items:center;border:2px solid #00b8d9;border-radius:.2rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.boat-container{align-items:center;display:grid;grid-template-rows:1fr .5fr;justify-content:center;padding:.2rem .4rem}.boat-header{color:#00b8d9;justify-self:center;padding-top:.2rem}.hover-effect:hover{pointer-events:all}.hover-effect:hover,.selected{background-color:#3e5c76;border-radius:.5rem;cursor:pointer}.disabled{opacity:.5}.disabled,.remove-pointer{pointer-events:none}#axis-button,#modal-button,#start-game-button{background-color:#e63946;border:none;border-radius:.5rem;font-family:MontserratMedium;padding:.5rem}#axis-button:hover,#modal-button:hover,#start-game-button:hover{background-color:#95a5a6;cursor:pointer}#start-screen-gameboard{border:2px solid #95a5a6;border-radius:.2rem;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.highlight{background-color:#78909c}#username-and-button-container{align-items:center;align-self:center;color:#00b8d9;display:flex;flex-direction:column;gap:1rem;grid-row:3/4;padding:.5rem}#username-container{display:flex;flex-direction:column;gap:.5rem}#username-container input{padding-left:1px}#username-container:focus{border-radius:.2rem;outline:2px solid #e63946}.show-winner{align-items:center;background-color:#2e4052;border:2px solid #8899a6;border-radius:.5rem;box-shadow:0 0 2px 2px #e63946;display:none;display:flex;flex-direction:column;gap:1rem;height:25%;justify-content:center;left:34.5%;padding:2rem;top:20%;width:30%}
/*# sourceMappingURL=main.css.map*/