@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    text-decoration: none;

}

/* body{
    background: #080808; 
    height: 100vh;
    color: aliceblue;
} */


/* Animation de l'arrière-plan */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: aliceblue;
}

/* Arrière-plan avec zoom et changement de couleur */
.zoom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E46EA8; /* Couleur initiale */
    z-index: -1;
    animation: colorZoom 10s infinite ease-in-out;
}

     /* Animation de zoom et changement de couleur */
     @keyframes colorZoom {
        0% {
            transform: scale(1);
            background-color: #000; /* Rouge orangé */
        }
        25% {
            transform: scale(1.1);
            background-color: #E46EA8; /* Vert */
        }
        50% {
            transform: scale(1.2);
            background-color: #000; /* Bleu */
        }
        75% {
            transform: scale(1.1);
            background-color: #2FB291; /* Violet */
        }
        100% {
            transform: scale(1);
            background-color: #000; /* Retour au rouge orangé */
        }
    }
.container {
    text-align: center;
    padding: 2vw;
}

.container h1 {
    font-weight: normal;
}

.row {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


.leftside,
.centerside,
.rightside {
    height: 100vh;
}

.img_logo {
    position: relative;
    z-index: 1;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10%;

}

.img_logo img {
    width: 20vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.titel_premus {
    position: relative;
    z-index: 1;
    top: 4vw;
    padding: 2vw;
    width: 50%;
    height: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* background-color:#E46EA8;
    border-radius: 4px ;
    box-shadow: 0px 3px 187.5px 7.5px hsl(330, 37%, 30%);
    border: 1px solid #f7a9d0 */
    /* background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border:1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); */
}


.glass {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.titel_premus h1 {
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;
    color: aliceblue;
    font-family: "Dela Gothic One", sans-serif;

}

.une {
    color: #FCD041;
    font-weight: bold;
    font-family: "Dela Gothic One", sans-serif;
}

.titel_premus h3 {
    font-size: 1em;
    font-weight: 300;
}

/* .leftside {
    width: 33vw;
    background: #000000;
}

.centerside {
    width: 33vw;
    background: #000000;
    text-align: center;
}

.rightside {
    width: 33vw;
    background: #000000;
} */



.deg {
    text-align: center;
    display: block;
    margin-left: auto;
    font-weight: normal;
}

.deg a:link {
    text-decoration: none;
    color: aliceblue;
}

.book a {
    color: hsl(165, 57%, 44%);
}


#footer {
    padding-top: 2vw;
    height: 10vh;
    /* Your height may vary */
    width: 100%;
}


@media only screen and (max-width: 600px) {
    body {
        background-color: #080808;
    }

    .img_logo img {
        padding: 10vw 0 0 0;
        width: 55vw;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .titel_premus {
        position: relative;
        z-index: 1;
        top: 10vw;
        padding: 3vw;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* background-color:#E46EA8;
        border-radius: 4px ;
        box-shadow: 0px 3px 187.5px 7.5px hsl(330, 37%, 30%);
        border: 1px solid #f7a9d0 */

        /* background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 20px;
        border:1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); */
    }

    .titel_premus h1 {
        text-align: center;
        font-size: 1.5em;
        font-weight: normal;
        text-transform: uppercase;
        color: aliceblue;

    }

    .une {
        color: #FCD041;
        font-weight: bold;
        font-size: 1em;
    }

    .deg {
        padding-top: 15vw;
        text-align: center;
        display: block;
        margin-left: auto;
        font-weight: normal;
    }

    .book a {
        color: hsl(165, 57%, 44%);
    }
}