@font-face {
    font-family: "dinner-regular";
    src: url("/fonts/diner-regular/Diner-Regular-webfont.woff") format("woff");
    font-display: auto;
}

@font-face {
    font-family: "dinner-fatt";
    src: url("/fonts/diner-fatt/Diner-Fatt-webfont.woff") format("woff");
    font-display: auto;
}

@font-face {
    font-family: "abel";
    src: url("/fonts/abel/abel-regular-webfont.woff") format("woff");
    font-display: auto;
}


body {
    background-color:#fffcc6 ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 140%;
    font-family: "dinner-regular";
    display:flex;
    justify-content:flex-start;
}

div{
  padding: 10px;
}

h1 {
    text-decoration: underline;
    font-family: "dinner-fatt";
    color:indianred;
    text-indent: 10px;
}

h2 {
    color: ghostwhite;
    text-decoration: underline;
    
    }

p {
    font-family: "abel";
    font-weight: bold;
    font-size: 25px;
    color:ghostwhite;
}

#experience{
    background-color: darksalmon;
    margin: 20px;
    height: 290px;
}

#competences{
    background-color: Salmon;
    margin: 20px;
    height: 180px;
}

#attentes{
   background-color: lightsalmon;
   margin: 20px;
   height: 180px;
}