@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#settings-container{width:100%;max-width:55em;margin:0 auto}#settings-help,.settingsDiv{text-align:center}.settingsDiv{margin:auto;width:100%;max-width:55em;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(25em,1fr));grid-gap:1em;gap:1em}.settingsLabel{margin-left:10px;font-size:1.25rem}.settingsInput{height:1.5rem;width:3rem;font-size:1.25rem;margin-right:10px;border-radius:2rem;border:1px solid var(--dark);padding:5px 8px}.settingsInput.long{min-width:6rem;max-width:12rem;width:100%}#ship-container{margin:auto;max-width:40em;padding:10px;text-align:center;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:1rem;row-gap:1rem}@media screen and (max-width:45em){#ship-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}#destroyerDiv{grid-column:1/span 2}#submitButtonDiv{margin:0 auto;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:17rem;-webkit-align-items:center;align-items:center}.settings-button{margin-top:1.5em;width:-webkit-max-content;width:max-content;padding:25px;height:5rem;font-size:24px;background-color:var(--light);border:1px solid var(--primary);font-family:"Montserrat";color:#000;border-radius:2rem}.settings-button:hover{background-color:var(--light2);cursor:pointer}#error{text-align:center;font-size:24px;color:var(--error)}.Setup{display:-webkit-flex;display:flex}.ShipPool{height:100vh;width:20%;padding:0 30px 30px;border-right:3px solid var(--primary);color:var(--primary);text-align:center}#setShip{margin-top:4em;font-family:"Montserrat"}.ship-container{height:50%;overflow:auto}.confirm-button{font-size:1.2em;margin:10px;padding:10px;background-color:var(--light);border-radius:2rem;border:1px solid var(--primary);font-family:"Montserrat";color:#000;transition:opacity .1s}.confirm-button:disabled{opacity:.4}.confirm-button:hover:disabled{cursor:not-allowed}.confirm-button:hover:enabled{background-color:var(--light2);cursor:pointer}.board-area{height:100vh;width:80%;color:grey}.DnDBoard{background-size:320px;-webkit-animation:ocean 120s linear infinite;animation:ocean 120s linear infinite}.DnDCell{display:grid;place-content:center;width:3rem;height:3rem;text-align:center;border:1px solid hsla(0,0%,100%,.2);box-sizing:border-box;background-color:var(--cell-bg);transition:background-color .25s}.DnDCell.outer{pointer-events:none;border:1px solid transparent;background-color:var(--bg)}.DnDCell.Denied{background-color:var(--denied-drop)}.DnDShip{width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;min-width:3rem;min-height:3rem;-webkit-animation:boat-waves 5s ease-in-out infinite;animation:boat-waves 5s ease-in-out infinite}.DnDShip .ShipPart{width:3rem;height:3rem}.DnDShip .ShipPart img{pointer-events:none;width:100%;height:100%}.DnDShip .ShipPart img.horizontal{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#winScreenContainer{position:absolute;top:0;height:100%;width:100%;display:grid;place-content:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10}.WinScreen{width:100%;height:100%;max-width:40em;max-height:30em;padding:1.5em;border-radius:1em;background-color:#f0f0f0;box-shadow:0 1em 4em rgba(0,0,0,.25)}.home-button.ws{width:18rem;font-size:24px;padding:15px}.title.ws{margin-top:1.25em}#wsButtonContainer{text-align:center;display:grid;grid-template-columns:1fr;grid-gap:2em;margin:4em 1em 1em}#close-button{float:right;width:2.25rem;height:2.25rem;font-size:25px;background-color:var(--light);border:1px solid var(--primary);font-family:"Montserrat";color:var(--dark);border-radius:100%}#close-button:hover{background-color:var(--light2);cursor:pointer}#close-button img{display:-webkit-flex;display:flex;width:100%}@-webkit-keyframes message-anim{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes message-anim{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}#message{height:0;width:25em;margin:2em auto 0;text-align:center;font-family:"Montserrat"}#message>h2{-webkit-animation:message-anim .15s both;animation:message-anim .15s both}.BattleshipBoards{display:grid;grid-auto-flow:column;place-content:center;grid-gap:3em;gap:3em;height:100vh}.BoardContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center}.BoardContainer .PlayerName{color:grey}.Board{display:grid;height:-webkit-max-content;height:max-content;transition:opacity .5s;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;background-size:320px;-webkit-animation:ocean 120s linear infinite;animation:ocean 120s linear infinite}.Board.own{opacity:.7;cursor:not-allowed}.BoardCell{display:grid;place-content:center;width:3rem;height:3rem;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.2);transition:background-color .4s}.BoardCell:not(.outer){background-color:var(--cell-bg)}.Board:not(.own) .BoardCell:not(.clicked):hover{background-color:hsla(0,0%,100%,.2);transition:background-color 0ms}.BoardCell.clicked{cursor:not-allowed!important}.BoardCell.clicked:before{font-size:2rem;content:"✕";display:-webkit-flex;display:flex;place-content:center;width:100%;height:100%;color:#fff;z-index:2}.BoardCell.hit:before{font-weight:700;color:red}.BoardCell.clicked:hover{-webkit-filter:none!important;filter:none!important}.Board:not(.own) .BoardCell.hit .Ship{opacity:.6}.BoardCell .Ship{position:absolute;-webkit-animation:boat-waves 5s ease-in-out infinite;animation:boat-waves 5s ease-in-out infinite}.BoardCell .Ship,.BoardCell .Ship img{width:3rem;height:3rem}.BoardCell .Ship img.horizontal{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.Board:not(.own) .BoardCell{cursor:pointer}.BoardCell.outer{pointer-events:none;border:1px solid transparent;background-color:var(--bg)}.BoardCell.outer .OuterText{display:grid;place-content:center;position:absolute;width:3rem;height:3rem;color:grey}.ChangeScreen{display:grid;place-content:center;position:fixed;width:100%;height:100%}#turn{text-align:center;font-family:"Montserrat"}:root{--primary:#00bac8;--light:#e0f7f8;--light2:#b2eaec;--bg:#ebf4f5;--dark:#095e5d;--error:#c80d00;--denied-drop:rgba(192,47,66,0.9);--cell-bg:rgba(0,187,200,0.8)}#home-bg,body{background-color:#ebf4f5;background-color:var(--bg);font-family:"Roboto"}.title{margin-top:1em;font-size:55px}.sub-title,.title{text-align:center;font-family:"Montserrat";color:#00bac8;color:var(--primary)}.sub-title{margin-top:2.25em;font-size:24px}#home-button-container{margin:6% auto auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:50%;padding:10px;grid-gap:4em;gap:4em}.home-button{width:14rem;height:5rem;border:1px solid #00bac8;border:1px solid var(--primary);color:#000;border-radius:2rem}.back-button,.home-button{font-size:30px;background-color:#e0f7f8;background-color:var(--light);font-family:"Montserrat"}.back-button{position:absolute;top:1em;left:1em;width:3rem;height:3rem;border:1px solid #00bac8;border:1px solid var(--primary);color:#095e5d;color:var(--dark);border-radius:100%}.back-button img{display:-webkit-flex;display:flex;width:100%;height:100%;-webkit-transform:scale(.8);transform:scale(.8)}.back-button.play{font-size:20px;width:10rem;border-radius:1.42rem}.back-button:hover,.home-button:hover{background-color:#b2eaec;background-color:var(--light2);cursor:pointer}#help-div{margin-bottom:5rem}.help-text{text-align:justify;text-justify:inter-word;padding-left:5rem;padding-right:5rem;font-size:18px;max-width:50rem;margin:0 auto}#body-link{color:#00bac8;color:var(--primary)}#body-link:hover{color:#095e5d;color:var(--dark);cursor:pointer}#credits-container{margin:6% auto auto;text-align:center;grid-gap:4em;gap:4em}.credit-name{font-family:"Montserrat";font-size:24px;color:#095e5d;color:var(--dark)}@-webkit-keyframes ocean{0%{background-position:0 0}to{background-position:320px 320px}}@keyframes ocean{0%{background-position:0 0}to{background-position:320px 320px}}@-webkit-keyframes boat-waves{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes boat-waves{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.ca05a7ec.chunk.css.map */