body{
    margin: 30px 30px 30px 30px;
}

.grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.flex{
    display: flex;
}

.p1{
    max-width: 20ch;
}

.p2{
    max-width: 40ch;
}

.p3{
    max-width: 80ch;
}

.c1{
   font-family: 'Caveat Brush';
}

.c2{
   font-family: 'IBM Plex Serif';
}

.c3{
   font-family: 'Delius Swash Caps';
}

.size1{
    font-size: 11px;
}

.size2{
    font-size: 16px;
}

.size3{
 font-size: 22px;
}

.section{
    margin-bottom: 160px;
}

.display_exo2{
    margin-bottom: 160px;
}

.interligne1{
    line-height: 60%;
}

.interligne2{
    line-height: 100%;
}

.interligne3{
    line-height: 140%;
}

.interligne4{
    line-height: 180%;
}

.interligne5{
    line-height: 220%;
}