@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Montserrat:wght@200;400;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif}body,html{min-height:100%}.gameboard{font-family:"Montserrat",sans-serif}.title{display:flex;justify-content:center;font-size:2rem;margin-top:3rem}.grid-container{display:flex;justify-content:space-around}.player-grids{margin:2rem}.player-grids div{height:40px;width:40px;display:flex;border:1px solid #b4b4ff}.grid-user{width:400px;height:400px;display:flex;flex-wrap:wrap}.grid-user div.taken.battleship,.grid-user div.taken.carrier,.grid-user div.taken.cruiser,.grid-user div.taken.destroyer,.grid-user div.taken.submarine{background-color:rgba(0,0,255,.3);border:2px solid #00f}.grid-cpu{width:400px;height:400px;display:flex;flex-wrap:wrap}.grid-cpu div{border:1px solid #b4b4ff;cursor:cell}.grid-cpu div:hover{border:2px solid #40bf44;background:rgba(64,191,68,.25)}.armament-container{margin:2rem;width:400px;height:400px;background-color:#f7f7ff;border:1px solid #b4b4ff;padding:1rem;overflow-y:hidden}.carrier-container{width:200px;height:40x;background-color:rgba(0,0,255,.3)}.carrier-container,.carrier-container div{border:1px solid #00f}.carrier-container-vertical{width:40px;height:200px;background-color:rgba(0,0,255,.3);border:1px solid #00f;display:flex;flex-wrap:wrap}.carrier-container-vertical div{border:1px solid #00f}.battleship-container{width:160px;height:40px;background-color:rgba(0,0,255,.3);border:1px solid #00f}.battleship-container div{border:1px solid #00f}.battleship-container-vertical{width:40px;height:160px;background-color:rgba(0,0,255,.3);border:1px solid #00f;display:flex;flex-wrap:wrap}.battleship-container-vertical div,.cruiser-container{border:1px solid #00f}.cruiser-container{width:120px;height:40px;background-color:rgba(0,0,255,.3)}.cruiser-container div{border:1px solid #00f}.cruiser-container-vertical{width:40px;height:120px;background-color:rgba(0,0,255,.3);border:1px solid #00f;display:flex;flex-wrap:wrap}.cruiser-container-vertical div,.submarine-container{border:1px solid #00f}.submarine-container{width:120px;height:40px;background-color:rgba(0,0,255,.3)}.submarine-container div{border:1px solid #00f}.submarine-container-vertical{width:40px;height:120px;background-color:rgba(0,0,255,.3);border:1px solid #00f;display:flex;flex-wrap:wrap}.destroyer-container,.submarine-container-vertical div{border:1px solid #00f}.destroyer-container{width:80px;height:40px;background-color:rgba(0,0,255,.3)}.destroyer-container div{border:1px solid #00f}.destroyer-container-vertical{width:40px;height:80px;background-color:rgba(0,0,255,.3);border:1px solid #00f;display:flex;flex-wrap:wrap}.destroyer-container-vertical div{border:1px solid #00f}.ship{display:flex;margin:1rem}.ship div{width:40px;height:40px}.hidden-info{display:flex;flex-direction:column;align-items:center}.hidden-info button{margin:.5rem;border-color:#b4b4ff;border-radius:3px;background-color:#fff;padding:.5rem}
/*# sourceMappingURL=main.b64346c9.chunk.css.map */