@font-face {
        font-family: 'Fonte', Arial, Helvetica, sans-serif;
        src: url(Roboto/Roboto-VariableFont_wdth\,wght.ttf) format(truetype);
        font-weight: normal;
        font-style: normal;
        font-display: swap; 
        }

header { display: flex;
        flex-wrap: wrap;
        

    }
body {
        font-family: 'Fonte', Arial, Helvetica, sans-serif;
        letter-spacing: 2px;              
        color: white;
        background-color: #343A40;                  
        border-radius: 10px;         
        padding: 30px;                  
        
        }

footer {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        gap: 20px;
        
        }
ul {
        list-style-type: none;

        }
a {
        font-weight: bold;
        text-decoration: none ;
        color:#c43500;
        font-size: large;
       
        }
p {
        line-height: 25px;
        text-align: justify;
        hyphens: auto;
}



a:hover {
         color: coral;

         }