@charset "UTF-8";
*{  font-family: roboto;
text-decoration:none;
text-align: left;
}



body { margin-left: 2rem;
margin-right: 2rem;
margin-bottom: 1rem;
}
.foto {width: 150px; 
border-radius: 85px;
border-width: 5px;
margin-top: 2.8rem;
}
.avatar {text-align: center; }

a {color: white;}
.barrasuperior {
background: #3acdae;
height: 0.5rem;
font-size: 1.5vh;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
color: white;
font-family: roboto;
text-transform: uppercase;
font-weight: 500;
margin-top: -2.5vh;
margin-left: -5vh;
margin-right: -5vh;
letter-spacing: 0.2vh;
}
footer  
{font-family: roboto;
    font-size: 2vh;
    opacity: 0.5;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
h1 {
margin-top:4vh; 
font-size: 3.75vh;
font-weight: 600;
text-align: center;
}
.mapa {text-align:left; }
h1 hr {color: #3acdae;
background-color: rgba(58, 205, 174, 0.5);
border: none;
height: 15px;
margin-top: -2.5vh;
width: 210px;
}
h2 { 
font-weight: 500;
text-transform: uppercase;
padding: 0.5vh;
margin-top: -4vh;
color:#3acdae;
letter-spacing: 0.5em;
font-size: 2.5vh;   
text-align: center;


}
.plandetrabajo {margin-bottom: 12vh;}
h3 {color: #3acdae;
letter-spacing: 0.15em;
font-size: 2.5vh;
font-weight: 600;
text-decoration: none;
}
hr {background-color:  #3acdae;
height: 1.5px;
border: none;
margin-top: -1.8vh;
color: #3acdae;}
div {font-size: 2.5vh;
padding-bottom: 2vh;
}