*{font-family:Orbitron,sans-serif;letter-spacing:2px}body{background-color:#11151a;color:wheat;height:100vh!important}.text-wheat{color:wheat!important}#toDo{color:#000}.logo img{border-radius:50%;width:50px}.logo:hover img,.logo img{transition:transform .7s ease-in-out}.logo:hover img{transform:rotate(-30deg)}.logo p{font-size:30px;padding-bottom:20px;white-space:nowrap}.logo:hover p{background-image:url(/images/underline.gif);background-position:center 45px;background-repeat:no-repeat}header{background:linear-gradient(1turn,#000,#ffffff0d)}.modal-style,header{box-shadow:0 0 5px 2px #40997f}.modal-style{background:linear-gradient(1turn,#000,#14001a)}header h1{align-self:center}.board-numbers div{align-items:center;background-color:#0000009c;border:1px solid #fab22d;display:flex;height:3.5vw;justify-content:center;max-height:40px;max-width:40px;width:3.5vw}.board-numbers div:first-child{border-top-left-radius:10px}.board-numbers div:last-child{border-bottom-left-radius:10px}.board-letters{display:flex}.board-letters div{align-items:center;background-color:#0000009c;border:1px solid #fab22d;display:flex;height:3.5vw;justify-content:center;max-height:40px;max-width:40px;width:3.5vw}.board-letters div:last-child{border-top-right-radius:10px}.main-border{background-color:#0000009c;width:-webkit-min-content;width:-moz-min-content;width:min-content}#playerBoard div{border:1px solid #ece1cc;display:flex;height:3.5vw;max-height:40px;max-width:40px;width:3.5vw}#playerBoard div:last-child{border-bottom-right-radius:10px}.pcBoard div{border:1px solid #ece1cc;height:3.5vw;max-height:40px;max-width:40px;width:3.5vw}.pcBoard div:hover{background-color:#3a0000c7;cursor:crosshair}.pcBoard div:last-child{border-bottom-right-radius:10px}.pcBoard-default-style div{border:1px solid #ece1cc;height:3.5vw;max-height:40px;max-width:40px;width:3.5vw}.pcBoard-default-style div:last-child{border-bottom-right-radius:10px}.success-att{background-color:#e00000;pointer-events:none}.missed-att{background-color:#207d47;pointer-events:none}.disabledBoard{pointer-events:none!important;touch-action:none!important}.ship-board{background-color:#000;border-radius:10px;box-shadow:0 0 5px 1px #00e5ff;height:35vw;max-height:400px;max-width:350px;padding:20px;width:30vw}.placedShip{height:2.1vw!important;max-height:30px!important;max-width:30px!important;width:2.1vw!important}.hori-ship{max-height:40px}.destroyer{background-color:#7fceffe7}.destroyer,.submarine{border-radius:10px;margin:auto}.submarine{background-color:#76b6c4de}.cruiser{background-color:#00e5ffe3}.battleship,.cruiser{border-radius:10px;margin:auto}.battleship{background-color:#1da3d8e0}.carrier{background-color:#064273d8}.boat,.carrier{border-radius:10px;margin:auto}.boat{background-color:#def3f6e0}.elevation-effect{box-shadow:0 0 4px 0 #009928c2;transition:box-shadow .3s ease-in-out}.elevation-effect:hover{box-shadow:0 1px 6px 2px #009928b8;cursor:-webkit-grab;cursor:grab}.modal-container{background-color:#11151a;border:2px solid #000;border-radius:10px;box-shadow:0 0 5px 2px #40997f;left:50%;padding:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px}.gear{-webkit-animation:barrelRoll 2s linear infinite;-webkit-animation-play-state:running;background:url(/images/tic_tac_toe/gear.png);display:block;height:30px;left:-37px;position:absolute;top:-70px;width:30px}.gear:last-of-type{-webkit-animation-name:invertBarrelRoll;left:-10px;top:-60px}@-webkit-keyframes barrelRoll{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes barrelRoll{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes invertBarrelRoll{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes invertBarrelRoll{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}.speech-bubble{background:#0ab;border-radius:.4em;color:#fff;font-size:.8rem;opacity:0;padding:12px;position:absolute;top:40px;transition:opacity .5s ease-in}.speech-bubble.show{-webkit-animation:fadeIn .5s ease-in;animation:fadeIn .5s ease-in;opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.speech-bubble.show{-webkit-animation:fadeOut .5s ease 5s forwards;animation:fadeOut .5s ease 5s forwards}.speech-bubble:after{border:30px solid transparent;border-bottom-color:#0ab;border-left:0;border-top:0;content:"";height:0;left:75%;margin-left:-35px;margin-top:-14px;position:absolute;top:0;transform:rotate(135deg);width:0}

/*# sourceMappingURL=battleShips.css.map*/