#root,body,html{height:125%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{background:linear-gradient(180deg,#d433d2,#d47533 19%,#4091c7 22%,#120b60 80%)}@font-face{font-family:TitleFont;src:url(https://pierre605.github.io/Battleship-ReactJS-/pixie_font.ttf)}h2{font-family:TitleFont;font-size:1.9rem}#sound-icon{cursor:pointer;float:right;margin-right:2%;margin-top:-4.5rem;width:3rem}#ships-pics{margin-top:4em;position:relative}#ships-group{display:flex;justify-content:space-between}#subs-group{display:flex;justify-content:space-around}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#opp-grid{display:none}.title{display:flex;justify-content:center;margin:auto;padding:1em}#grids{display:flex;justify-content:space-around}#vs{display:none;height:15em;margin-left:-7em;margin-right:-7em;margin-top:2em;width:15em}#info-wrap-your-grid{flex-direction:row-reverse}#info-wrap-algo-grid,#info-wrap-your-grid{display:flex;font-size:medium;position:absolute}.flex{display:flex;justify-content:space-evenly}.modal{background-color:#000;background-color:#0006;display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-content{align-items:center;background-color:#f5f5f5;border:1px solid #888;border-radius:1em;display:flex;flex-direction:column;margin:auto;padding:20px;width:28%}p{font-size:.75em}.score{font-size:10px;text-align:center;width:-webkit-fit-content;width:fit-content}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}#vic-pic{width:35%}#loose-pic{width:65%}@media screen and (min-width:555px) and (max-width:825px){h2{font-size:larger}#sound-icon{margin-top:-2.75rem;width:2rem}#vs{display:none;height:14em;margin-left:-7em;margin-right:-7em;margin-top:2em;width:14em}#info-wrap-algo-grid,#info-wrap-your-grid{font-size:small}.modal-content{width:28%}p{font-size:.75em}.score{font-size:10px}}@media screen and (min-width:2px) and (max-width:555px){#root,body,html{height:100%}h2{font-size:15px}#sound-icon{margin-top:-2rem;width:1.75rem}#grids{align-items:center;flex-direction:column-reverse}#vs{display:none;height:4em;margin-right:11em;margin-top:auto;width:5em}#center{display:block;height:1.5em}#your-grid{display:flex;flex-direction:column-reverse}#info-wrap-your-grid{font-size:x-small;height:14px;position:static}#info-wrap-algo-grid{font-size:x-small}#ships-pics{margin-top:3em;position:relative}.modal-content{width:21%}p{font-size:.6em}#loose-pic{width:100%}.score{font-size:8px}}#main{display:flex;justify-content:left}#play{display:none}.ships{margin-bottom:1em}.dir-aside{align-content:right;align-items:end;display:flex;flex-direction:column}input[type=radio]{height:1.5rem;width:1.5rem}.aside{font-size:medium;justify-content:right;padding-bottom:.5rem;padding-right:.5rem}.aside,.cell{align-items:center;display:flex}.cell{border:1px solid #000;-webkit-clip-path:none;clip-path:none}.cell,.wrapper{background-color:#01227b;justify-content:center}.wrapper{border:2px solid #000;border-radius:6px;display:grid;grid-template-columns:repeat(10,45px);grid-template-rows:repeat(10,45px)}@media screen and (min-width:555px) and (max-width:825px){input[type=radio]{height:1.2em;width:1.2rem}.aside{align-items:center;display:flex;font-size:small;justify-content:right;padding-bottom:.35rem;padding-right:.35rem}.wrapper{display:grid;grid-template-columns:repeat(10,32px);grid-template-rows:repeat(10,32px);justify-content:center}}@media screen and (min-width:2px) and (max-width:555px){input[type=radio]{height:1rem;width:1rem}.aside{align-items:center;display:flex;font-size:xx-small;justify-content:right;padding-bottom:.25rem;padding-right:.25rem}.wrapper{border-radius:6px;display:grid;grid-template-columns:repeat(10,23px);grid-template-rows:repeat(10,23px);justify-content:center}}.content__item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;pointer-events:none;width:100%;z-index:1}.button{background:#e7e7e7;border:none;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;margin:0;padding:1.5rem 3rem;pointer-events:auto;position:relative}.button:after,.button:before{height:100%;left:0;position:absolute;top:0;width:100%}.button--fenrir{background:none;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);font-family:aktiv-grotesk-extended,sans-serif;font-size:.75em;font-weight:700;height:120px;left:inherit;padding:0;position:absolute;text-transform:uppercase;top:420px;width:120px}.progress{height:80px;left:calc(50% - 40px);position:absolute;top:calc(50% - 40px);transform:scale(1.4);transition:transform .4s cubic-bezier(.7,0,.3,1);width:80px}.button--fenrir:hover .progress{transform:scale3d(1.2,1.2,1)}.progress__circle,.progress__path{fill:none;stroke:#000;stroke-width:1px}.button--fenrir:focus-visible .progress__circle{fill:#fcc43f66}.progress__path{stroke:#fff;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress__path{stroke-dashoffset:0}@media screen and (min-width:555px) and (max-width:825px){.progress{transform:scale(1)}.button--fenrir{font-size:.75em;top:290px}}@media screen and (min-width:2px) and (max-width:555px){.progress{transform:scale(.75)}.button--fenrir{font-size:.58em;top:230px}}
/*# sourceMappingURL=main.f5efc147.css.map*/