@import url(https://fonts.googleapis.com/css2?family=Asul&family=Chivo:wght@300;400;700;900&family=Libre+Franklin&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);:root{--primary:#006d77;--secondary:#83c5be;--primary-dark:#004b52;--tertiary:#edf6f9;--compliment:#ffddd2;--red-light:#e29578;--red:#ffc9c9;--red-dark:#ffa8a8;--red-darker:#e03131;--grey-light:#f1f3f5;--grey:#e9ecef;--grey-dark:#ced4da;--grey-darker:#868e96;--black-light:#2f3338;--black:#4d6379;--pink:#f06595;--pink-dark:#faa2c1}.game{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.game-title{color:var(--primary-dark);font-family:var(--unique);font-size:4em;font-weight:700}.game-view{display:flex;flex-direction:column;margin-bottom:2em;margin-top:3em}.board-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.board-view{align-items:center;display:flex;flex-direction:column}.board{aspect-ratio:1/1;border:2px solid var(--grey-dark);display:flex;flex-wrap:wrap;margin:1em 2em 2em 1em;width:400px}.board div{align-items:center;border:1px solid var(--grey);cursor:crosshair;display:flex;height:10%;justify-content:center;transition:background-color .1s ease-in-out;width:10%}.board .empty,.board div{background-color:var(--grey-light)}.board .empty:hover{background-color:var(--compliment)}.board .ship{background-color:var(--primary);border:1px solid var(--secondary)}.board .ship:hover{background-color:var(--primary-dark)}.board .hit{background-color:var(--red-darker);border:1px solid var(--compliment)}.board .miss{background-color:var(--grey-darker);border:1px solid var(--grey-light)}.board .sunk{background-color:var(--black-light);border:1px solid var(--black)}.board .forbidden{background-color:var(--red);border:1px solid var(--red-dark)}.fleet{align-items:center;display:flex;flex-direction:column;justify-content:center}.fleet-title{color:var(--primary);font-size:22px;text-transform:uppercase}.instructions{color:var(--primary);padding:1em;text-align:center}.replica-container{flex-wrap:wrap}.replica,.replica-container{display:flex;flex-direction:row}.replica{align-items:center;background-color:var(--primary);border-radius:3px;cursor:pointer;height:35px;justify-content:space-between;margin-right:1em;margin-top:10px;padding:5px;width:150px}.placing{border-bottom:2px solid var(--pink-dark);border-left:0;border-right:2px solid var(--pink-dark);border-top:0;box-shadow:0 5px 15px rgba(230,158,183,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.placing,.placing:hover{background-color:var(--primary-dark)}.placing:hover{opacity:.9}.title{color:var(--tertiary);font-family:var(--regular);font-size:14px;text-transform:capitalize}.tile{display:flex;flex-direction:row}.ship-tile{background-color:var(--pink-dark);border:1px solid var(--pink);height:14px;width:14px}:root{--regular:"Montserrat",sans-serif;--unique:"Bangers",sans-serif;--headlines:"Asul",sans-serif;--small-space:1em;--medium-space:2em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;font-family:Montserrat,sans-serif;font-family:var(--regular)}#root,body,html{background:#e0eafc;background:-webkit-linear-gradient(90deg,#cfdef3,#e0eafc);height:100%;margin:0}.splash-title{font-family:Bangers,sans-serif;font-family:var(--unique);font-size:10em}.font-gradient{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,#f3ec78,#af4261);padding-right:20px}.appContainer{height:100%;padding:20px}.appContainer,.main{align-items:center;display:flex;flex:1 1;flex-direction:column}.main{justify-content:center}.icon{color:#fff;height:1.2em;margin-left:.2em;width:1.2em}button{background-color:var(--primary);border:none;border-radius:5px;color:#fff;font-family:Montserrat,sans-serif;font-family:var(--regular);font-size:1em;padding:.5em 1em;text-align:center;text-transform:uppercase}button:disabled{opacity:.5}.button-grad{background-image:linear-gradient(90deg,#004b52,#43cea2,#004b52);background-position:100%;background-size:200% auto;box-shadow:0 0 20px #eee;transition:.5s}.button-grad:hover:enabled{background-position:0}.btn-splash{font-size:1.2em}.btn-icon{align-items:center;display:flex;flex-direction:row;justify-content:center}.done{margin-left:1em;margin-right:2em;padding:.8em}h1{font-family:Asul,sans-serif;font-family:var(--headlines);font-size:22px}.player,h1{color:var(--primary);text-transform:uppercase}.player{font-family:Bangers,sans-serif;font-family:var(--unique);font-size:2em;margin:0 0 10px}@media only screen and (min-device-width:320px) and (max-device-width:480px){.splash-title{font-size:5em}.board,.board-view{width:100%}.board{margin-left:0;margin-right:0}.done{margin:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e316ab21.css.map*/