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-color:#dce0e0;color:#000;--ship-color:#969696;--text-background-color:#cfcfcf}.displayContainer,.displayContent{text-align:center}.displayContent{margin-top:5vh;margin-bottom:3vh}.axisToggle{height:30px;min-width:85px;font-size:15px;font-family:"Oswald",sans-serif;text-transform:uppercase;margin-top:40px;margin-right:10px;margin-left:10px}.playerShipSetup{display:grid;width:540px;height:520px;margin-left:auto;margin-right:auto}.playerGrid{padding-bottom:20px}.tile{border:2px solid grey;background-color:#389dc5}.validTile{background-color:#969696;background-color:var(--ship-color);border:2px solid #000}.invalidTile{background-color:#d62c2c;cursor:not-allowed}.selectedTile{background-color:#969696;background-color:var(--ship-color);border:2px solid #000;cursor:not-allowed}.enterPlayerName{text-align:center;align-items:center;display:flex;flex-direction:column}.enterPlayerNameSpan{font-size:50px;font-family:"Oswald",sans-serif;margin-top:20px;margin-bottom:20px}.playerNameInput{width:20vw;height:6.5vh;font-size:5vh;border:2px solid grey;border-radius:8px;text-align:center}.playerNameInput,.submitButton{font-family:"Oswald",sans-serif}.submitButton{margin-top:20px;height:60px;width:200px;font-size:24px;text-transform:uppercase}.gameHeader{text-align:center;display:flex;flex-direction:column;margin-top:5px;margin-bottom:20px}.title{display:inline-block;font-size:60px;font-family:"Oswald",sans-serif;color:#000}.gameboardsContainer{display:flex;align-content:space-between}.displayText{font-family:"Varela Round",sans-serif;background-color:#cfcfcf;background-color:var(--text-background-color);font-size:30px;width:600px;height:auto;margin-left:auto;margin-right:auto;padding:10px 30px;border-radius:12px;border:2px solid grey}.boardHeader{font-size:32px;color:#fff;text-align:center;font-family:"Oswald",sans-serif;padding-top:5px;padding-bottom:10px;margin-bottom:5px;text-transform:uppercase;background-color:rgba(22,22,22,.9)}.computerBoard,.playerBoard{display:grid;width:540px;height:520px;margin:auto}.gameboardTile{font-size:40px;line-height:60px;border:2px solid grey;background-color:#389dc5;color:#fff;width:62.6px;height:62px;text-align:center;vertical-align:bottom;cursor:crosshair}.hoverEnemyBoard{cursor:crosshair;background-color:#87ceeb;border:2px solid #000;box-shadow:0 5px 15px rgba(145,92,182,.4)}.hasShip{background-color:#969696;background-color:var(--ship-color)}.isShot{color:#dd1313;cursor:not-allowed}.hasMissed{color:#fff;cursor:not-allowed}.humanBoard{cursor:default}.modal{position:fixed;z-index:1;width:100%;height:100%}.modal_content{background-color:#cfcfcf;background-color:var(--text-background-color);font-family:"Varela Round",sans-serif;margin-top:20px;position:absolute;top:0;left:30%;width:40%;padding:20px;border-radius:8px;border:2px solid #000}.modalTitle{font-size:32px}.gameRules{margin-top:10px;font-size:18px}.close{color:#000;float:right;font-size:24px}.close:hover{color:#389dc5;cursor:pointer}.gameOverModal{position:fixed;z-index:1;width:100%;height:100%}.gameOverContent{background-color:#cfcfcf;background-color:var(--text-background-color);font-family:"Varela Round",sans-serif;margin-top:20px;position:absolute;top:0;left:30%;width:40%;padding:20px;border-radius:8px;border:2px solid #000;display:flex;flex-direction:column;align-items:center}.playerWinnerModal{background-image:url(/battleship/static/media/playerWon.7b9f2af4.jpeg);min-height:500px;display:flex;flex-direction:column;border:4px solid #fff;justify-content:space-between}.modalWinnerTitle{margin-top:50px;font-size:40px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center}.newGameButton{margin-top:20px;height:60px;width:200px;font-size:24px;font-family:"Oswald",sans-serif;text-transform:uppercase;justify-content:flex-end}.fade-in{-webkit-animation:fade-in 1.4s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.flip-in-hor-top{-webkit-animation:flip-in-hor-top 1.6s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-top 1.6s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes flip-in-hor-top{0%{transform:rotateX(-80deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-top{0%{transform:rotateX(-80deg);opacity:0}to{transform:rotateX(0);opacity:1}}audio{display:none}.musicButton{z-index:2;font-size:16px;color:#eee;position:absolute;top:5%;left:34%;transform:translate(-50%,-50%);width:60px;padding:15px;border:none;border-radius:2px;outline:none;background:rgba(56,157,197,.8);box-shadow:2px 2px 4px rgba(0,0,0,.4);opacity:.8;cursor:pointer;transition:all .4s ease-out}button.fade:hover{opacity:.8}.fade{opacity:.4;top:0;left:0;transform:translate(0)}
/*# sourceMappingURL=main.f4c8886f.chunk.css.map */