

* {
    box-sizing: border-box;


}
body{


    display: flex; 
    flex-direction: column;
    justify-content: space -between;
    background-color:rgb(240, 158, 64);    
    font-family: Helvetica, sans-serif;
    margin: 0; 
    font-size: 1em;
    color: rgb(56, 52, 50);
    min-height: 100 vh; 
    max-width: 100;
    text-decoration: none;
    padding: 0;
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;
    image-orientation: flip;
      
}

header
.contenedora {
    
        display: flex;
        border-radius: 50%;
        width: 8rem;
        text-align: center;
        justify-content: center;
        color: rgb(228, 108, 10);
        font-size: 1.75rem;
        background-color:rgb(240, 158, 64);
        border: solid 4px hsl(22, 95%, 47%);

    }
    .menu
        { color: rgb(20, 91, 94);
        display:flex
        border: solid 2px;
        text-align: center;
        background-color:white;
        margin:2%;
        
        
        }

    
.title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
align-items: center;
min-height: 100 vh; 
max-width: 100;
margin-inline: auto;
padding: 2rem;
image-orientation: flip; 

}


<--links integrantes-->



main


{
   
    flex-grow: 1;
    background-color:rgb(247, 151, 42); 
    
    
}




.usuaria  {


        display: flex;
        flex-direction: column;
        justify-content: space-between;
    align-items: center;
    min-height: 100 vh; 
    max-width: 100;
    margin-inline: auto;
    padding: 8rem;
    image-orientation: flip;    
}
 
.equipo{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
align-items: center;
min-height: 100 vh; 
max-width: 100;
margin-inline: auto;
padding: 8rem;
image-orientation: flip;  



}
a {

    text-decoration: none;
    color: rgb(231, 57, 13);
    
}



.logos-academicos 
{
   
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: 1rem;
   

    
}






    footer, header
    {
        background-color: rgb(124, 187, 150);
            min-height:40px;
            margin: 10%;
           margin: 0%;
        }


        footer{
            display: inline;
            padding: 0;
            max-width: 65rem;
            margin-inline: auto;
            padding: rem;
            text-align: center;
            justify-content: center;
           
        }


   
        

 


   

 


