@font-face {
    font-family: "Ink Free-Regular";
    src: url("https://anima-uploads.s3.amazonaws.com/projects/633c831f7fe8e743e734b0d9/fonts/inkfree.ttf")
      format("truetype");
  }


@font-face {
    font-family: Carmitta;
    src: url(Carmitta.ttf);
}

/* mobile.css */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.container {
    text-align: center;
    background-color: #000;
    padding: 15px;
    border: 1px solid #000;
    border-radius: 10px;
}

.logo {
    margin-top: 950px;
    width: 300px; /* Ajustez la taille pour les appareils mobiles */
    height: 300px; /* Ajustez la taille pour les appareils mobiles */
}

h1 {
    font-size: 60px; /* Taille de police plus petite pour les mobiles */
    font-family: Carmitta;
    color: #ffffff;
}

.subtitle {
    font-size: 25px; /* Taille de police plus petite pour les mobiles */
    color: #eb8fe6;
    font-family: "Ink Free-Regular", Helvetica;
}

.content {
    background-color: #fff;
    color: #000;
    padding: 20px;
    border-radius: 10px;
}

.content img {
    max-width: 100%; /* Pour s'assurer que les images ne débordent pas sur les mobiles */
    width: 100%;
    height: auto;
    border-radius: 3%;
}

.poesie, .commander {
    background-color: #eb8fe6;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: "Ink Free-Regular", Helvetica;
}

.commander {
    text-decoration: none;
}