/* styles.css */
   .custom-cursor {
      cursor: url('icons8-pioche-minecraft-48.png'), auto;
    }

    /* Animation personnalisée pour le curseur */
    @keyframes cursorAnimation {
      0% { /* Première étape de l'animation */ }
      50% { /* Deuxième étape de l'animation */ }
      100% { /* Troisième étape de l'animation */ }
    }

    /* Application de l'animation au curseur personnalisé */
    .custom-cursor {
      animation: cursorAnimation 1s infinite; /* Modifier la durée et les propriétés selon vos besoins */
    }


#grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  width: 300px;
  margin: 0 auto;
  margin-top: 50px;
}

.cellule {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: bold;
  background-color: red;
  /*cursor: pointer;*/
  height:100px;
  width:100px;
  border: 2px solid #000000; /* Ajout de bordures */
  /*visibility: hidden;*/
  /* Cacher les cellules par défaut 
}

.visible {
  visibility: visible; /* Rendre les cellules visibles */
}

.cellule:hover {
  background-color: black; /* Couleur de fond au survol */
}

.joueur1 {
  color: #fff;
}

.joueur2 {
  color: #fff;
}

h1{
    text-align:center;
    color:#fff;
    font-size:5rem;
    background-color:black;
    text-shadow:black 1em;
}

body{
    background-image:url(morpion.jpg);
}