body{display:grid;width:95%;box-sizing:border-box}.container{display:grid;box-sizing:border-box;margin:0 5px 0 5px;width:100%;margin:0 auto}h1{text-align:center}.boards-container{display:grid;grid-template-columns:370px 1fr 370px;grid-template-rows:370px;border:5px solid red}.tablero-IA,.tablero-humano{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border:1px solid #00f;background-color:bisque}.tablero-humano{border-right:3px solid red}.tablero-IA{border-left:3px solid red}.c1{display:grid;border:1px solid #000;align-content:center;justify-content:center;font-size:1.4em;font-family:tahoma}.compartir{margin-top:20px}.titulo{font-family:'Fredoka One',cursive;font-size:30px;color:#000;margin:0 auto;text-align:center}.instrucciones{font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:17px;text-align:center}button{width:110px;height:45px;font-size:29px;border-radius:18px;margin-top:7px;font-family:tahoma;margin-top:20px}button:hover{background-color:#ff0}.ubicar-Barcos{font-size:18px}.info{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:30px;background-color:#f3f1f1;border:1px solid red;justify-items:center;align-items:center}.botones{display:grid;margin-top:19px;margin-bottom:19px;margin-right:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:40px;justify-items:center;align-items:center}.humano{font-weight:700;font-family:tahoma}.robot{font-weight:700;font-family:tahoma}.switchBtn1{font-family:tahoma;font-size:.8em;margin:-10px auto;position:relative;display:inline-block;width:160px;height:34px;border-radius:34px;margin-top:7px}.switchBtn1 input{display:none}.slide2{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#0f0;-webkit-transition:.4s;transition:.4s;padding:8px;color:#000}.slide2:before{position:absolute;content:"";height:26px;width:26px;left:128px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slide2{background-color:red;color:#fff;padding-left:40px}input:focus+.slide2{box-shadow:0 0 1px #01aeed}input:checked+.slide2:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);left:-20px}.slide2.round{border-radius:34px}.slide2.round:before{border-radius:50%}.publicidad{margin:0 auto;max-width:2900px;max-height:400px;width:100%;padding:0 auto;background:0 0;display:block}.modal-background{background:rgba(0,0,0,.7);position:absolute;top:0;left:0;position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;display:none;opacity:0;z-index:999}.modal{background:#fff;width:250px;margin:auto;top:33%;text-align:center;font-size:1.6em;font-family:tahoma;border:2px solid #7fffd4;border-radius:20px}.mensaje{margin-bottom:30px}@keyframes mostrar{from{opacity:0}to{opacity:1}}@keyframes ocultar{from{opacity:1}to{opacity:0}}.boton{width:150px;font-family:tahoma;font-size:20px;border-radius:17px;border:1px solid #6495ed;margin:0 auto;text-align:center}.aceptar{margin-bottom:10px}@media screen and (min-width:640px) and (max-width:800px){body{display:grid;width:100%;box-sizing:border-box}.container{max-width:800px}.boards-container{display:grid;grid-template-columns:1.3fr 0fr 1.3fr;grid-template-rows:250px;border:5px solid red}.info{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:30px;background-color:#f3f1f1;border:1px solid red;justify-items:center;align-items:center}.c1{display:grid;border:1px solid #000;align-content:center;justify-content:center;font-size:1em;font-family:tahoma}}@media screen and (min-width:100px) and (max-width:639px){body{display:grid;width:100%;box-sizing:border-box}.container{max-width:639px}.boards-container{display:grid;grid-template-columns:1.2fr 0fr 1.2fr;grid-template-rows:280px;border:5px solid red}.botones{display:grid;margin-top:19px;margin-bottom:19px;margin-right:10px;grid-template-columns:1fr 1fr;grid-template-rows:40px 40px;gap:16px;justify-items:center;align-items:center}.titulo{font-size:28px}.instrucciones{font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:20px;margin-left:2px;margin-right:2px;text-align:center}.jugar{text-align:center;padding-top:7px}button{width:150px;height:55px;font-size:32px;border-radius:18px;margin-top:7px;font-family:tahoma;margin-top:20px}.switchBtn1{font-family:tahoma;font-size:1em;margin:-10px auto;position:relative;display:inline-block;width:190px;height:39px;border-radius:34px;margin-top:7px}.slide2:before{position:absolute;content:"";height:26px;width:26px;left:153px;bottom:6px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.ubicar-Barcos{font-size:19px;width:120px}#info-adicional{font-size:10px}}