@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{background:linear-gradient(90deg,rgba(27,79,211,.6) 25%,rgba(10,53,165,.6) 66%,rgba(1,17,57,.6)),url(/battleship/static/media/submarine.f1055bbd.jpg);background-size:cover;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;font-size:10px}.App{width:95vw;height:95vh;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center}.start-over-container{position:fixed;top:3rem;left:3rem}.start-over-btn{font-family:"Black Ops One",cursive;width:12rem;height:4.5rem;font-size:1.5rem;background:#4e4e4e;color:#fff}.start-over-btn:hover{background:#686868}.start-over-btn:active{background:#474747}@media (max-width:900px){.start-over-btn{width:10rem;height:3rem;font-size:1.2rem}}.set-players-container{width:auto;height:auto}#welcome-header-container{display:block;width:50rem;height:auto;margin:0 auto 3rem;text-align:center}#welcome-header{display:block;margin:0 auto;text-align:center;font-size:6rem;color:#fff}#welcome-header,.set-players-btn{font-family:"Black Ops One",cursive}.set-players-btn{width:25rem;height:12rem;font-size:4rem;color:red;text-shadow:1px 1px #000;border:2px groove #000;background:#979797}.set-players-btn:hover{background:#696969;color:#ff1f1f}.set-players-btn:active{background:#494949;color:#f84646}@media (max-width:900px){.set-players-container{width:auto;height:auto}#welcome-header-container{display:block;width:auto;height:auto;margin:0 auto 3rem;text-align:center}#welcome-header{display:block;margin:0 auto;text-align:center;font-size:5rem;color:#fff}#welcome-header,.set-players-btn{font-family:"Black Ops One",cursive}.set-players-btn{width:25rem;height:12rem;font-size:4rem;color:red;text-shadow:1px 1px #000;border:2px groove #000;background:#979797}.set-players-btn:hover{background:#696969;color:#ff1f1f}.set-players-btn:active{background:#494949;color:#f84646}}#player-form-container{display:block;margin:0 auto;width:auto;height:auto;text-align:center}.player-form{font-family:"Black Ops One",cursive}.name-label{font-size:3rem;color:#fff;text-shadow:1px 1px #000;display:block;width:auto}.name-input{font-size:2rem;display:block;margin:2rem auto;font-weight:100;font-style:normal}.name-input,.submit-form-btn{font-family:"Black Ops One",cursive}.submit-form-btn{width:auto;height:auto;padding:1rem 2rem;background:rgba(255,0,0,.6);color:#fff;margin:3rem auto;font-size:1.25rem}.submit-form-btn:hover{background:rgba(255,44,44,.6)}.start-btn-container{display:block;margin:0 auto;width:auto;height:auto;text-align:center}.start-btn{font-family:"Black Ops One",cursive;background:rgba(0,0,0,.6);color:red;width:18rem;height:7rem;font-size:2rem}.start-btn:hover{background:rgba(32,32,32,.6)}@media (max-width:900px){#player-form-container{display:block;margin:0 auto;width:auto;height:auto;text-align:center}.player-form{font-family:"Black Ops One",cursive}.name-label{font-size:3rem;color:#fff;text-shadow:1px 1px #000;display:block;width:auto}.name-input{display:block;margin:2rem auto;font-weight:100;font-style:normal}.name-input,.submit-form-btn{font-size:2rem;font-family:"Black Ops One",cursive}.submit-form-btn{width:auto;height:auto;padding:1rem 2rem;background:rgba(255,0,0,.6);color:#fff;margin:3rem auto}.start-btn-container{display:block;margin:0 auto;width:auto;height:auto;text-align:center}.start-btn{font-family:"Black Ops One",cursive;background:rgba(0,0,0,.6);color:red;width:18rem;height:7rem;font-size:2rem}}.tile{background-color:#7bc7f7;margin:0}.current-ship,.ship-preview,.tile{width:3rem;height:3rem;border:2px solid #000}.current-ship,.ship-preview{background-color:rgba(123,199,247,.8)}.blank-tile,.preview{width:3rem;height:3rem;border:2px solid #000}.hover,.preview{background-color:rgba(150,18,6,.3);z-index:2}.current-ship,.own-ship{background-color:#961206}.hit{background-color:#000}.splash{background-color:#fff}.letter,.number{margin:0 auto}.number{padding:.25rem;font-size:2.3rem}.tile-display{margin:0 auto;width:48rem;height:50rem;display:inline-block}.target-header{color:red}.enemy,.target-header{font-family:"Black Ops One",cursive}.enemy{color:#cc0d0d}.numbers{flex:1 1;flex-direction:column;font-size:1.5rem;width:5rem;position:absolute;font-family:"Black Ops One",cursive}.numbers,.tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:31rem}.tiles{width:40rem}.letters,.tiles{flex-direction:row;flex:1 1;margin:0 auto}.letters{display:flex;align-items:center;justify-content:center;width:38rem;height:5rem;font-size:1.5rem;position:absolute;left:47px;font-family:"Black Ops One",cursive;position:relative;left:0}@media (max-width:900px){.tile-display{margin:0 auto;width:48rem;height:50rem;display:block}.target-header{color:red}.enemy,.target-header{font-family:"Black Ops One",cursive}.enemy{color:#cc0d0d}.numbers{flex:1 1;flex-direction:column;font-size:1.5rem;width:5rem;position:absolute;font-family:"Black Ops One",cursive}.numbers,.tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:31rem}.tiles{width:40rem}.letters,.tiles{flex-direction:row;flex:1 1;margin:0 auto}.letters{display:flex;align-items:center;justify-content:center;width:38rem;height:5rem;font-size:1.5rem;position:absolute;left:47px;font-family:"Black Ops One",cursive;position:relative;left:0}}.winner-header-container{display:block;margin:0 auto;width:auto;height:auto}#winner-header{font-size:4rem;color:#fff;font-weight:400;font-family:"Black Ops One",cursive}@media (max-width:900px){.winner-header-container{display:block;margin:-35rem auto;width:auto;height:auto}#winner-header{font-size:3.25rem;color:#fff;font-weight:400;font-family:"Black Ops One",cursive}}#loading-header{font-family:"Black Ops One",cursive;color:#fff}@keyframes fadeout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.game-container{color:#fff;margin:10rem auto 0;height:auto;width:100%}#hit-result-text,.game-container{font-family:"Black Ops One",cursive;display:block}#hit-result-text{font-size:8rem;color:red;margin:0 auto}.animated-text{animation:fadeout 1s}.tile-container{display:flex;flex:1 1;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;width:100%;height:auto;margin:0 auto}.legend-container{margin:0 auto;position:absolute;left:55rem;top:50rem}.splash-info{width:13rem;height:auto;display:flex;margin:0 auto 2rem}.splash-text{text-align:right;margin:0 auto;font-size:1.25rem}.splash-legend-tile{width:2.5rem;height:2.5rem;background:#fff;border:1px solid #000}.hit-info{width:13rem;height:auto;display:flex;margin:0 auto 2rem}.hit-text{text-align:right;margin:0 auto;font-size:1.25rem}.hit-legend-tile{width:2.5rem;height:2.5rem;background:#000;border:1px solid #fff}@media (max-width:900px){.game-container{font-family:"Black Ops One",cursive;color:#fff;margin:50rem auto 0}.game-container,.tile-container{display:block;height:auto;width:100%}.tile-container{margin:0 auto}.legend-container{margin:0 auto;position:static;display:block;text-align:center;width:100%}.splash-info{width:13rem;height:auto;display:flex;margin:0 auto 2rem}.splash-text{text-align:right;margin:0 auto;font-size:2.25rem}.splash-legend-tile{width:3rem;height:3rem;background:#fff;border:1px solid #000}.hit-info{width:13rem;height:auto;display:flex;margin:0 auto 2rem}.hit-text{text-align:right;margin:0 auto;font-size:2.25rem}.hit-legend-tile{width:3rem;height:3rem;background:#000;border:1px solid #fff}}
/*# sourceMappingURL=main.a4a00ec2.chunk.css.map */