@font-face {
     font-family: bebas;
     src: url(BebasNeue-Regular.otf);
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: bebas;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background: url('fondo.jpg') no-repeat;
     background-position: center;
     background-size: cover;
 }

 #borde {
     transition: background-color .3s;
 }


 #h2-turno {
     color: #fff;
     letter-spacing: 5px;
     font-size: 40px;
     margin-bottom: 10px;
     font-weight: b;
 }

 .turno {
     color: #fff;
     font-size: 40px;
 }

 #tablero {
     width: 100%;
     margin: 30px 0px;
     display: grid;
     justify-content: center;
     grid-template-rows: repeat(3, minmax(80px, 1fr));
     grid-template-columns: repeat(3, 80px);
     gap: 5px;
     user-select: none;
 }

 [casilla] {
     font-size: 40px;
     display: grid;
     place-content: center;
     color: #000;
     cursor: pointer;
     border: 2px solid #ffffff;
     transition: background-color .3s;
 }

 [casilla]:hover {
     transition: background-color .3s;
     background: #99999966;
 }

 .reiniciar {
     font-size: 15px;
     margin-top: 20px;
     padding: 10px 25px;
     color: #fff;
     cursor: pointer;
     border-radius: 10px;
     border: 2px solid #ffffff;
     transition: all .3s;
     background: transparent;
 }

 .reiniciar:hover {
     transform: scale(1.03);
     background: #99999966;
 }

 .ganador {
     color: #fff;
 }

 @media (width > 768px) {

     #h2-turno {
         font-size: 60px;
         -webkit-text-stroke: 1px #000;
     }

     .turno {
         font-size: 60px;
     }

     #tablero {
         grid-template-rows: repeat(3, minmax(150px, 1fr));
         grid-template-columns: repeat(3, 150px);
     }

     [casilla] {
         font-size: 50px;
     }

     .reiniciar {
         font-size: 20px;
         padding: 20px 50px;
     }

     .ganador {
         -webkit-text-stroke: 1px black;
         color: #fff;
     }
 }