*{text-align:center;font-family:Sansita,sans-serif;box-sizing:border-box}body{background-color:#05152e;color:#fff}h1{font-style:oblique;margin:0}h1,h2{font-size:3rem}h3{font-size:2rem}Button,p{font-size:1.5rem}Button{margin:10px;color:#000;background-color:rgba(171,208,245,.7);padding:.7rem;font-family:Roboto Condensed,sans-serif;font-weight:700;border-radius:.5rem;-webkit-transition-duration:.3s;transition-duration:.3s}Button a{text-decoration:none;color:#000}Button:hover,Button a:hover{color:#fff;background-color:rgba(9,58,138,.7);box-shadow:0 10px 50px 0 rgba(139,168,212,.5)}.key{width:100%;border-radius:2px;margin-left:auto;margin-right:auto;flex-direction:column;justify-content:space-around;flex-wrap:wrap}.key,.key>div{display:flex;align-items:center}.key>div{width:80%;word-wrap:break-word;justify-content:flex-start}.key>div>.cell{width:60px;height:60px;margin-right:20px}.key p{font-size:.9rem}.helpIB ul{list-style-type:none;display:inline}.help{margin-top:2rem}.help h1{margin-bottom:2rem}li{font-size:1.3rem;display:block}ol{padding:0 20px}.li-indent{padding-left:20px;margin-bottom:10px}.ul-list-styling{padding-left:50px}.left-h3{color:#7bebff}.long-string-style{width:57%;margin:0;text-align:left}#instructions-help,.li-left-align,ol{text-align:left}.helpIB{border:.1rem solid #fff;padding-bottom:2.2rem;margin-bottom:2rem!important;width:90%;margin:0 auto;border-radius:1rem;background-color:#1e345a}@media screen and (min-width:700px){.helpIB{padding:0}}@media screen and (min-width:900px){.helpIB{width:75%}}@media screen and (min-width:1025px){.helpIB{width:65%;padding:2rem}.help h2{margin:0}.left-h3{text-align:left}.key{display:flex;flex-direction:row}.key>div{width:50%;display:flex;word-wrap:break-word;justify-content:flex-start;align-items:center}}.banner{background-image:url(/static/media/deep-ocean.e7e3eca4.jpg);background-position:100% 0;display:flex;justify-content:center;top:0;left:0;right:0;overflow:hidden;width:100%;z-index:2}.banner h1{text-shadow:0 1px 0 #ccc,0 2px 0 #b9b8b8,0 3px 0 #7c7b7b,0 4px 0 #1b1b1b,0 5px 0 #8f8e8e,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(83,11,11,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);margin-bottom:1rem;font-family:Candal,sans-serif;text-decoration:none;color:#fff}@media screen and (min-width:700px){.banner{background-position:100% 0}}@media screen and (min-width:1025px){.banner{background-position:top;justify-content:flex-start}.banner h1{margin-left:1rem}}.main-header{display:flex;justify-content:center;top:0;left:0;right:0;overflow:hidden;width:100%;z-index:2}.main-header Button{width:100%;margin:0 auto;background-color:#a2bcd6;border-radius:0;border:0;-webkit-transition-duration:.3s;transition-duration:.3s}.main-header Button:hover{background-color:#102b56}footer{margin-top:3rem}.landing,.landingPage{width:100%}.landing{background-image:url(/static/media/deep-ocean.e7e3eca4.jpg);background-size:cover;background-repeat:no-repeat;position:center;height:100vh;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing h1{color:#fff;font-size:2.5rem;font-family:Candal,sans-serif;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #7c7b7b,0 4px 0 #2e2e2e,0 5px 0 #8f8e8e,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}.landing p{color:#fff}.landing Button{font-size:3rem}.arrow{box-sizing:border-box;height:10vw;width:10vw;border-color:#fff;border-style:solid;border-width:0 5px 5px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-width .15s ease-in-out;transition:border-width .15s ease-in-out}.arrow:hover{border-color:#0ff}.arrow-nav{display:block;position:relative;top:10rem}#app-info{width:80%;margin:5rem auto;background-color:hsla(0,0%,82.7%,.5);padding:15px}#app-info>p{font-family:Roboto Condensed,sans-serif}@media only screen and (min-width:400px){.landing h1{font-size:3.5rem}}@media only screen and (min-width:600px){.landing h1{font-size:4.5rem}}@media only screen and (min-width:750px){#app-info{width:60%}.arrow{height:7vw;width:7vw}}@media only screen and (min-width:900px){.landing h1{font-size:5.5rem}.arrow{height:5vw;width:5vw}}@media only screen and (min-width:1000px){.landing h1{font-size:6.5rem}#app-info{width:40%}}Form{font-size:1.8rem;padding:.7rem;align-content:center;margin:0 auto;border-radius:1rem}Input{font-size:1.5rem;text-align:left;border:.1rem solid #fff}Input,Label{margin:2%}@media screen and (min-width:1025px){Form{max-width:50rem}}.btnLink a{color:red}.btnLink{font-size:1.5rem}.btnLink,.loginbtn{padding-top:2rem}.login-errorMessage{color:red}.login-h1{margin-top:2rem}.signupbtn{padding-top:2rem}.signup-errorMessage{color:red}.signup-h1{margin-top:2rem}.activeGames h4{font-size:1.5rem;color:red;text-decoration:underline}.disabledButton:hover{color:#000;background-color:rgba(171,208,245,.7);box-shadow:none}.line{width:200px;border-bottom:1px solid #d3d3d3;margin:20px auto}.keepGameActive,.quitGameButton{margin-left:5px;margin-right:5px;margin-top:0;padding:5px;font-size:1rem}.quittingOptions h4,.quittingOptions p{font-family:Roboto Condensed,sans-serif;font-weight:400;text-decoration:none;margin:5px}.quittingOptions{background-color:#15243f;border-radius:2px;padding:5px;width:50%;margin-left:auto;margin-right:auto}@media screen and (min-width:650px){.line{width:300px}}@media screen and (min-width:900px){.activeGameListItem li{font-size:1.8rem}.activeGameDetails li{font-size:1.6rem}}.stats{margin:0 auto;width:90%;display:flex;justify-content:space-around;border-radius:1rem;background-color:#1e345a;border:.1rem solid #fff;padding-top:1rem}.stat-box{width:30%;text-align:center}.stat-box h4{display:inline}.stat-box h4,.stat-box p{font-size:1.3rem}.startGames a{font-family:Roboto Condensed,sans-serif;font-weight:700;border-radius:5px;font-size:1.5rem}.d-button{padding:2rem}.dashboardWelcome{font-size:1.5rem;text-align:left;margin-left:1rem}.dash-h3{font-style:oblique}.activeGameDetails,.activeGames{list-style:none;padding:0}.activeGames{border:.1rem solid #fff;width:90%;margin:0 auto;padding:10px;border-radius:1rem;background-color:#1e345a}.activeGames>li{font-weight:700}h2>span.username{color:#39cefc}@media screen and (min-width:900px){.activeGames,.stats{width:75%}}@media screen and (min-width:1025px){.activeGames{width:65%}.stats{width:40%}.dash-h3{font-size:3rem}.dashboardWelcome,.startGames h4,.stat-box h4,.stat-box p{font-size:1.6rem}}.game-history-list{border:.1rem solid #fff;width:90%;margin:0 auto;padding:10px;border-radius:1rem;background-color:#1e345a}.historyWelcome>span{color:#0ff}.gameHistory h1{margin-bottom:1rem}.game-history-li>.line{width:60%}.history-info{display:flex;width:80%;margin:0 auto}.game-history-region{width:50%}.player-Win{color:#adff2f;font-weight:700}.player-Loss{color:#ff0100;font-weight:700}.historyWelcome{font-size:1.5rem;text-align:left;margin-left:1rem;margin-bottom:2rem}@media screen and (min-width:900px){.game-history-list{width:75%}}@media screen and (min-width:1025px){.game-history-list{width:65%}.historyWelcome{margin-bottom:3rem}}.cell{width:92.3%;height:7%;background-color:#0144a8;font-size:1rem;color:#fff;font-weight:bolder}.label{background-color:rgba(43,162,236,.5)}.selected{background-image:url(/static/media/target.8414b63d.png);background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:rgba(50,187,8,.8)}.hit{background-color:#870103}.miss{background-color:#fff}.ship{background-color:grey}.shot{background-color:#fff}.ship-shot,.sunk{background-color:#870103}.sunk{background-image:url(/static/media/x.d3878cc4.png);background-position:50%;background-size:contain;background-repeat:no-repeat}@media screen and (min-width:400px){.gameGrid{height:400px;width:90%}}.ghostship.ship{border:3px solid #eb1d1d}.ghostship:not(ship){border:3px solid #36f136}@media screen and (min-width:1025px){.cell{font-size:1.2rem}}.gameGrid{display:flex;flex-direction:row;width:100%;height:300px;margin:auto}.column{margin:1px;width:9.03%;font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.column>div{margin-top:2px}.UserContainer h2,.UserContainer p{font-size:1.3rem;margin:5px}.setShipForm h2{width:100%;text-align:center;margin-left:auto;margin-right:auto}.setShipForm>form>select{height:2rem;margin:4px}.setShipForm>form>button{margin-top:5px}@media screen and (min-width:400px){.gameGrid{height:400px;width:95%}}@media screen and (min-width:500px){.gameGrid{height:400px;width:90%}}@media screen and (min-width:600px){.gameGrid{height:450px;width:85%}}@media screen and (min-width:700px){.gameGrid{height:300px;width:100%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:100%;text-align:center}.cell{height:9%;width:95%}}@media screen and (min-width:800px){.gameGrid{width:95%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:95%;text-align:center}}@media screen and (min-width:1050px){.gameGrid{width:85%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:85%;text-align:center}}@media screen and (min-width:1300px){.gameGrid{width:70%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:70%;text-align:center}}@media screen and (min-width:1420px){.gameGrid{width:60%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:60%;text-align:center}.cell{height:9%;width:98%}}@media screen and (min-width:1740px){.gameGrid{width:50%}.OpponentContainer h2,.OpponentContainer p,.setShipForm,.UserContainer h2,.UserContainer p{width:50%;text-align:center}}.targetForm{font-size:1rem;font-family:Roboto Condensed,sans-serif;width:100%;margin-left:0;margin-right:0;margin-top:5px;padding:0}.fireButton{margin-top:5px;width:60%;padding:5px}.chooseTargetForm{width:100%;padding:0;border:1px solid #d3d3d3;border-radius:3px}.selectedTarget{margin:5px}.selectors{display:flex;justify-content:center;align-items:center;margin-bottom:0}.selectors>select{height:25px;width:30%}.OpponentContainer h2,.OpponentContainer p{font-size:1.3rem;margin:5px}.target{width:100%}#letter-dropdown,#number-dropdown{font-size:.98rem;color:#000;border:1px solid #fff}@media screen and (min-width:700px){.selectors{flex-direction:row}.selectors>select{width:40%}.fireButton{width:80%}.chooseTargetForm{width:100%}}@media screen and (min-width:800px){.chooseTargetForm{width:95%}}@media screen and (min-width:1050px){.chooseTargetForm{width:85%}}@media screen and (min-width:1300px){.chooseTargetForm{width:70%;font-size:1.2rem}}@media screen and (min-width:1420px){.chooseTargetForm{width:60%}}@media screen and (min-width:1740px){.chooseTargetForm{width:50%}}.message{color:red}.game-errorMessage{color:red;font-size:1.5rem;margin-top:50px;width:80%;margin-left:auto;margin-right:auto}p{font-size:1.2rem}.grid{width:90%;margin:0 auto 20px;padding:10px;border-bottom:1px solid grey}.versusHeader{font-size:1.5rem;margin-bottom:0}.versus{color:grey}.opponentContainer,.userContainer{margin:20px}.progress{width:100%;border-bottom:1px solid grey;border-top:1px solid grey;border-radius:3px;margin-left:auto;margin-right:auto;margin-top:5px;padding:0}.progress>h4{margin:5px;text-decoration:underline}.shipCounter{list-style:none;padding:0;margin:0;text-align:center}.shipCounter>li{display:inline-block;margin:3px;font-size:1rem;font-family:Roboto Condensed,sans-serif}.shipCounter>li:before{content:"  >>  ";color:red}@media screen and (min-width:700px){.grid{width:45%;border-bottom:none}.grid-box{display:flex}.grid-box.one-only>.UserContainer.grid{display:flex;flex-direction:column;align-items:center}.OpponentContainer.grid,.UserContainer.grid{margin:0 auto}.OpponentContainer.grid{display:flex;flex-direction:column;align-items:flex-start}.UserContainer.grid{display:flex;flex-direction:column;align-items:flex-end}.gameGrid{margin:0}}.chat-username{margin:3px 10px 3px 3px;font-family:Roboto Condensed,sans-serif}.chat-me{color:#39cefc;box-shadow:0 10px 50px 0 rgba(9,58,138,.5)}.chat-opponent{color:red}.chat-message{margin-bottom:0;margin-top:3px;word-break:break-all;font-family:Roboto Condensed,sans-serif}.chat-li{display:flex;flex-direction:row;margin:0}#chat-window{padding:20px;border:.1rem solid #000;margin:0 auto;overflow:auto;height:350px;background-color:#000}#chat{width:90%;margin:0 auto;padding:5px;background-color:#040c1a}#chatInput{text-align:center;border:.1rem solid #3b3b3b;background-color:#000;width:70%;height:35px}#chat-label,#chatInput{color:#fff;font-family:Roboto Condensed,sans-serif}#chat-label{font-size:1.5rem}#chat-form>fieldset{border:none}#chat-input-box{width:100%;margin:0;text-align:left}#chat-button{margin:0}@media screen and (min-width:500px){#chat-input-box{width:70%;display:inline-block}#chat-button{width:30%;margin:0}}@media screen and (min-width:1025px){#chat{width:60%}.chat-me,.chat-message,.chat-opponent,.chat-username{font-size:1.5rem}#chatInput{height:40px}#chat-window{height:430px}}@media screen and (min-width:1300px){#chat{width:23%;position:absolute;top:250px;left:10px;z-index:1}li.chat-li{padding:0}.chat-message{margin-bottom:5px;margin-top:5px}.chat-username{margin:5px}#chat-form>fieldset{border:none;font-size:1.2rem}#chat-form>fieldset>input,.chat-me,.chat-message,.chat-opponent,.chat-username{font-size:1rem}#chat-window{height:400px;padding:5px}.outer{position:relative;overflow:hidden}.grid-box.one-only{position:relative;left:0}.grid-box{position:relative;left:140px;z-index:1}#chat-input-box{width:100%;display:inline-block}#chat-button{width:40%;margin:0}}@media screen and (min-width:1650px){#chat-input-box{width:70%;display:inline-block}#chat-button{width:30%;margin:0}}@media screen and (min-width:1750px){#chat{width:30%}.grid-box{left:200px}}.results-ul{border:.1rem solid #fff;width:90%;margin:0 auto;padding:10px;border-radius:1rem;background-color:#1e345a}.results-ul li{display:flex;margin:5px 0;padding:.5rem}.results-left{width:50%;text-align:right;padding-right:5px}.result-h1{margin-top:2rem}.results-right{width:50%;text-align:left;padding-left:5px}.result h1{margin-bottom:2rem}Button{margin-top:2rem}@media screen and (min-width:900px){.results-ul{width:75%}}@media screen and (min-width:1025px){.results-ul{width:65%}.results-ul li{font-size:1.5rem}}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}
/*# sourceMappingURL=main.5e6dcfc9.chunk.css.map */