:root{
    --color1:#DF9D84;
    --color2:#CC6666;
    --color3:#DF805B;
    --color4:#c76643;
    --color5:#73DBCC;
    --color6:#0A756D;
    --color7:#f8d8cb;
}
html{
    width:100%;
}

@font-face {
    font-family: "Josefin Slab";
    src: url("../fonts/JosefinSlab-VariableFont_wght_2.woff") format("woff");       
}

@font-face {
    font-family: "Poiret One";
    src: url("../fonts/PoiretOne-Regular.woff") format("woff");       
}

body{
    background: white;
    color: var(--color2);
    font-family: "Josefin Slab";
    font-weight: 600;
    font-size: 1rem;
}

.retour{
    padding: 1rem;
    margin-left: 2.5rem;
}



h1{
    text-align: center;
    font-size: 2.5rem;
    font-family: "Poiret One";
    text-transform: uppercase;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h2{
    /*text-align: center;*/
    font-size: 2rem;
    font-family: "Poiret One";
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


a{
    text-decoration: none;
    color: var(--color5);
}

a:hover{
    color: var(--color6);
}