.page-title{font-family:Header,sans-serif}@font-face{font-family:Header;src:url(assets/fonts/OperationNapalm-nRBWO.ttf)}@font-face{font-family:Grids;src:url(assets/fonts/WargateNormalRegular-BWXan.ttf)}*{box-sizing:border-box;font-family:Grids;margin:0;padding:0}h1{font-size:3.5rem}h2{font-size:2rem}h3,p{font-size:1.6rem}label{font-size:1.5rem}#main-container{align-content:normal;background-image:url(assets/images/main-content-background..jpg);background-repeat:no-repeat;background-size:cover;display:grid;gap:0;grid-template-columns:1fr 5fr;grid-template-rows:auto 1fr auto;justify-content:normal;min-height:100vh}#main-container #header{display:flex;gap:15px;grid-column:1/3;height:fit-content;padding:15px;place-items:center}#main-container #body-container{display:grid;grid-column:1/3;grid-template-columns:auto 1fr}#main-container #body-container #aside{display:flex;flex-direction:column;grid-column:1/2;padding:8px}#main-container #body-container #main{display:grid;grid-column:2/3;grid-template-columns:1fr;justify-items:center;padding:16px}#main-container #body-container #main #messages{background-color:#f4f4f4;border:2px solid #0077be;border-radius:16px;box-shadow:0 8px 8px rgba(0,0,0,.1),16px 8px 16px rgba(0,0,0,.1),0 12px 24px rgba(0,0,0,.1);display:grid;height:fit-content;padding:8px 16px;place-content:center}#main-container #body-container #main #playing-grids{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:center}#main-container #footer{display:grid;grid-column:1/3;grid-row:3/4;padding:8px;place-content:center}#main-container #footer p{background-color:#f4f4f4;border:2px solid #0077be;border-radius:8px;padding:10px}.grid{display:grid;grid-template-columns:repeat(10,1fr);height:fit-content}.grid.inactive{filter:brightness(80%);pointer-events:none}.cell{background-color:#f4f4f4;border:1px solid #000;cursor:pointer;display:grid;height:40px;place-content:center;transition:transform .1s ease-in-out;width:40px}.cell:hover{transform:scale(1.2)}.cell.water{background-color:#0077be}.cell.hit,.cell.water{cursor:none;pointer-events:none}.cell.hit{background-color:#f33}.grid-container{display:flex;flex-direction:column;gap:15px}.grid-label{background-color:#f4f4f4;border:2px solid #0077be;border-radius:8px;box-shadow:0 8px 8px rgba(0,0,0,.1),16px 8px 16px rgba(0,0,0,.1),0 12px 24px rgba(0,0,0,.1);padding:4px 8px}.ship-selector{width:fit-content}.ship-selector.horizontal{display:flex}.ship-selector.selected{background-color:green}.select-ship-cell{background-color:#fff;border:1px solid #000;height:25px;width:25px}#swap{border-radius:8px;cursor:pointer;margin-top:25px;padding:6px 16px}#reset-container{display:flex;flex-grow:1;justify-content:flex-start}#reset-game{border-radius:8px;cursor:pointer;font-size:1.4rem;padding:4px 16px}#create-player,#reset-game{height:fit-content;width:fit-content}#create-player{align-items:center;background-color:#f4f4f4;border:2px solid #0077be;border-radius:16px;box-shadow:0 8px 8px rgba(0,0,0,.1),16px 8px 16px rgba(0,0,0,.1),0 12px 24px rgba(0,0,0,.1);display:flex;gap:15px;grid-row:1/2;justify-self:center;padding:20px}#create-player #player-one-name{border:2px solid #000;border-radius:8px;outline:none;padding:4px}#create-player #player-one-name:focus{border:2px solid #0077be}#create-player #submit{border-radius:8px;cursor:pointer;padding:6px 24px}
/*# sourceMappingURL=main.css.map*/