@charset "utf-8";

body {
    min-height: 87vh;
   padding: 0rem;
    margin: 0;
    background: linear-gradient(0deg,rgba(104,179,175), rgba(
195,219,180) )
}

* {
    box-sizing: border-box;
    font-family: sans-serif;
    color: #0A3840
}

main{
    padding: 1rem;
}

.nombre 
{  
  display: flex;
    justify-content: center;
    font-size: 2vw;

}
h1{
    font-family:sans-serif;
    font-size:3em;
    margin: 0;
    padding: 0;
    color: #0A3840;
    

}


.foto {
    border-radius:48%;
    border:.7rem solid #0A3840;
}


nav ul{
    display: flex;
    /*170,204,177,,,104,179,175*/
    justify-content:center;   
    background-color: #0A3840;
    margin: inherit;    
    font-size: 1.65rem;
    list-style: none;
    
}

header nav ul li a {
    
    text-decoration: none;
    text-align: center;
    display: flex;
    padding: 0.7rem;
    margin: .5rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    background-color: rgb(211,226,182);
    
    
    
}


header nav ul li a:hover{
        background-color: rgb(151, 247, 171);
    color: rgb(5, 85, 22);
    font-weight: bold;
    
}



    /*text-decoration: none;
    text-align: center;
    display: flex;
    flex-basis: auto;
    padding: 0.7rem;
    color: black;
    border-bottom: #4b4a4a .2rem solid*/    
        




.subtitulos{
    font-style: italic;
    background-color:#0A3840;
    color: white;
    padding: .6rem;
    font-size: 1em;
    margin-left: 5rem;
    margin-right: 5rem;
    
    
}




.redes:hover{
    background-color: white;
}

#paginas { 
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin: 0;
    }


#texto{font-size:.8em;
    background-color: rgba(255, 255, 255, 0.71);
    padding-bottom: 1rem;
    padding: 1.2em;
    margin-top: 1rem;
    border-radius: 1em;
    list-style: none;
    margin-left: 5rem;
    margin-right: 5rem;
}

#texto ul li {

    font-size: .9em;
    font-weight: 100;
    margin-bottom: .3em;
}
#texto p {
    color: rgb(118, 167, 164);
    font-size: .85em;
    font-weight: 100;
}


#grupo li {
    display: flex;
    color:#3A3A3A;
    background-color: rgb(170,204,177);
    border-radius: 1em;
    font-size: 2rem;
    padding: .2em;
    justify-content: center;
    align-content: center;
    margin: .5em;
    
}

#grupo li a {
    text-decoration: none;
    font-size: .5em;
    list-style: none;}

#grupo :hover{
    background-color: rgb(151, 247, 171);
    color: white;
    font-weight: bold;
}

#grupo{margin-left: 2rem;
    margin-right: 4rem;}

footer{
    padding: 2rem;
    font-size: .6rem;
    background-color: #0A3840;
    color: white;
}