body {
    color: #252525;
    background-color: #EEEEEE;
}

h1{
    font-size: clamp(5.25rem, 1.9429rem + 13.2948vw, 12.4375rem);
    font-family: 'Clash Display', sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
}

.container{
    margin: 0 15%;
}

p {
    font-size: clamp(1.25rem, 1.0487rem + 0.8092vw, 1.6875rem);
    line-height: 5rem;
    font-family: 'Sentient', serif;
    font-style: italic;
}

.intro {
    font-size: clamp(1.25rem, 0.7899rem + 1.8497vw, 2.25rem);
    font-family: 'Sentient', serif;
    line-height: 2em;
}

a {
    color: #858585;
}

a:hover{
    color: #E24E10;
}

.sonnet1 {
    margin-top: 240px;
    line-height: 1em;
    margin-left: 8%;
    animation: changementCouleur 10s linear;
}

.sonnet2 {
    line-height: 1em;
    margin-left: 16%;
    animation: changementCouleur 10s linear;
}
.sonnet3 {
    line-height: 1em;
    margin-left: 24%;
    animation: changementCouleur 10s linear;
}
.sonnet4 {
    line-height: 1em;
    margin-left: 32%;
    animation: changementCouleur 10s linear;
}


@keyframes changementCouleur {
    0% {
        color: #252525;
    }
    100% {
        color: #EEEEEE;
    }
}