body{
    background: #004E98;
    font-family: "Poppins", sans-serif;
    font-size: calc(13px + 0.390625vw);
    color: #FFFFFF;
  
}

.container{
    width: min(600px, 90vw);
    margin: 0 auto;
       
}

.section{
   margin-bottom: 30px;
}

.section-bg {
    margin-bottom: 30px;
    background: #0259ab;
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.flex{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
   
}

.flex-row{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 1rem;
}



.center{
    align-items: center;
}






/*
* ---------------------------
* TIPOGRAFIA
* ---------------------------
*/

.container h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
  
}



/*
* ---------------------------
* ELEMENTI GRAFICI E IMMAGIBI
* ---------------------------
*/

.btn{
    padding: 1.2rem;
    color: #FFFFFF;
    border-radius: 10px;
    font-size: 1rem;
    text-decoration: none;
    background: #0259ab;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.btn i{
color: #FFFFFF;
    font-size: 1.5rem;
    padding-right: 10px;
}

.btn:hover{
    transform: scale(1.01);
}

.social{
    font-size: 2rem;
    color: #232323;
}

.social:hover{
    transform: scale(1.01);
}

img{
    width: min(300px, 50vw);

}

.avatar {
    aspect-ratio: 1;
    object-fit: cover;
    width: min(200px, 30vw);
    border-radius: 50%;
   
   
}

.container a{
    color: #FFFFFF;
}