/* lien fonte https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css 

###############
    FONT
###############
*/
@import url('https://fonts.googleapis.com/css2?family=Barriecito&display=swap');

@font-face {
    font-family: 'Muli';
    src: url(font/Muli-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli-Bold';
    src: url(font/Muli-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Muli-BoldItalic';
    src: url(font/Muli-BoldItalic.ttf) format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Muli-Italic';
    src: url(font/Muli-Italic.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
}



body {
    font-family: 'Muli';
    background-color: rgb(238,238,238);
}


/* 
###############
    header
###############
*/


header{
    background-color: rgb(221,221,221);
    border: 1px solid rgb(221,87,53);
    text-align: center;
    
}
h1{
     color: rgb(221,87,53);
     font-family: 'Barriecito', cursive;
     font-size: 2.5em;
}

/* 
###############
    Main
###############
*/


h2, h3 {
    font-family: 'Barriecito', cursive;
    font-size: 2em;
    color: rgb(51,51,51);
}

h3{
    color: rgb(85,85,85);
}


.fab {
    font-size: 30px;
}
.fa-facebook {
    color: rgb(66,103,178);
}

.fa-twitter-square {
    color: rgb(64,161,242);
}

.fa-youtube {
    color: rgb(244,10,2)
}

a {
    text-decoration: none;
    color: rgb(221,87,53);
}

a:hover {
    font-weight: bold;
}


/* 
###############
   Footer
###############
*/
            
footer{
    background-color: rgb(221,221,221);
    border: 1px solid black;
    text-align: center;
    padding-top: 15px;
    margin-top: 35px;
    bottom: 10px;
}

footer img{
    width: 7%;
}

.orange{
    color: rgb(221,87,53);
}