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

.container {
    display: grid;
    height: 100vh;
    justify-content: center;
    text-align: center;
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
}

.titre {
    text-align: center;
    justify-content: center;
    font-size: 100px;
    grid-row-start: 2;
    grid-row-end: 3;
    align-self: center;
    grid-column-start: 2;
    grid-column-end: 5;
    font-family: 'Gistesy', sans-serif;
    font-weight: bold;
    

}

.message {
    font-size: 35px;
    grid-row-start: 3;
    grid-row-end: 4;
    justify-content: center;
    text-align: center;
    align-self: start;
    grid-column-start: 2;
    grid-column-end: 5;
    font-family: GlacialIndifference, sans-serif;
}

body {
    background-image: url("assets/poppy.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    /* font-family: 'Gistesy'; */
}



.logo {
    width: 100px;
    height: 100px;

}



/* 💻 PC (par défaut) */
/* rien à changer ici — styles normaux */

/* 📗 Tablette */
@media (max-width: 1024px) {
  .titre {
    font-size: 60px;
  }

  .message {
    font-size: 25px;
  }

  body {
    background-position: top;
  }
}

/* 📱 Mobile */
@media (max-width: 600px) {
  .titre {
    font-size: 40px;
  }

  .message {
    font-size: 18px;
  }

  body {
    background-size: contain;
    background-position: center top;
  }

  .logo {
    width: 70px;
    height: 70px;
  }
}


@font-face {
  font-family: 'Gistesy';
  src: url('Gistesy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gistesy';
  src: url('Gistesy.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'GlacialIndifference';
  src:url('GlacialIndifference-Regular.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GlacialIndifference';
  src: url('GlacialIndifference-Bold.otf') format('otf');
  font-weight: bold;
  font-style: normal;
}