@font-face {
    font-family: "Superfoods";
    src: url("../fonts/Super_Foods.woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Montserrat.woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.woff");
}

body {
    background: rgb(191, 186, 120);
    font-family: "Montserrat";
    font-weight: bold;
    padding: 4vw 8vw;
}

h1, h2 {
    font-family: "Superfoods";
    color: #1a1a1a;
}

h3, h4, h5 {
    font-family: "Montserrat";
    font-weight: bold;
    color: #1a1a1a;
}

strong {
    font-size: 1.2em;
    font-weight: bold;
}

#links_logo {
    display: block;
    margin: 0 auto;
    max-width: 128px;
    width: 16vh;
    padding-bottom: 4vw;
}

#billetterie-link {
    margin: 0 auto;
    width: max-content;
    background-color: #bd4537;
    padding: 1vmax;
    border: 0.4vmax solid #e6e6e6;
    border-radius: 1vmax;
    animation: pulse 1s infinite;
}

#billetterie-link:hover {
    background-color: #bd4537;
    animation: pulse-hover 1s infinite;
    cursor: pointer;
}

#billetterie-link a {
    font-family: "Superfoods";
    font-size: 3vmax;
    color: #e6e6e6;
    text-decoration: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes pulse-hover {
    0% {
        transform: scale(1);
        background-color: #bd4537;
    }
    50% {
        transform: scale(1.1);
        background-color: #a41a3a;
    }
    100% {
        transform: scale(1);
        background-color: #bd4537;
    }
}

#countdown-box {
    margin: 0 auto;
    text-align: center;
    color: #e6e6e6;
    background-color: #bd4537;
    padding: 1vmax;
    border-radius: 1vmax;
}

#countdown-box h2 {
    font-size: 2.5vmax;
}

#countdown div {
    display: inline-block;
    min-width: 3vmax;
    border-radius: 1vmax;
    background-color: #e6e6e6;
    color: #1a1a1a;
    padding: 0.5em;
    margin: 0.3em;
    font-family: "Superfoods";
    font-size: 2.5vmax;
    font-weight: bold;
}

#text-content {
    margin: 0 auto;
}

#intro {
    padding-top: 2vmax;
    text-align: justify;
}

#intro p {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 1.6vmax;
    color: #1a1a1a;
}

span.bold {
    font-family: "Superfoods";
    font-size: 1.9vmax;
    font-weight: normal;
}

#options {
    padding-top: 6vw;
}

#options h4 {
    font-size: 1.6vmax;
}
#options ul {
    font-size: 1.4vmax;
}

#grille_tarifiaire {
    max-width: 100%;
    border: 1px solid #1a1a1a;
    border-radius: 1vmax;
}

#faq h2 {
    margin-top: 4vmax;
    font-size: 2vmax;
}

#faq li{
    font-family: "Superfoods";
    font-size: 1.6vmax;
    font-weight: normal;
    color: #1a1a1a;
}
#faq p{
    font-family: "Montserrat";
    font-size: 1.4vmax;
    font-weight: bold;
    color: #1a1a1a;
}

#site-moche {
    padding-top: 3vmax;
    font-size: 1vmax;
}

#instructions-billetterie {
}

#instructions-billetterie h1 {
    font-size: 3vmax;
}

#instructions-billetterie h3 {
    font-size: 2.6vmax;
}

#instructions-billetterie p {
    font-size: 1.6vmax;
}

#instructions-billetterie ul {
    text-align: justify;
    font-size: 1.3vmax;
}

#instructions-billetterie li {
    padding-top: 1vmax;
}