@font-face {
    font-family: "RobotoSerif";
    src: url(fonts/RobotoSerif-Variable.ttf) format("truetype-variations");
}

body {
    font-family: "RobotoSerif";
    font-weight: 300;
    font-size: clamp(1.2rem, 2vw, 1.65rem); 
    line-height: 1.45;

    max-width: 66ch;
    margin-block: 1.45em;
    margin-left: auto ;
    margin-right: max(10%, 1em);
    
    background: whitesmoke;
    color: #333;
}

p {
    max-width: 66ch;
    margin-block: 1.45em;
    margin-left: auto ;
    margin-right: max(10%, 1em);

}

.texte-degrade {
    background: radial-gradient(circle at center, rgb(255, 0, 0), #0f0);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}