@charset "utf-8";
*{
    font-family:'Josefin Slab', serif;
}


 .barra{
  background-color:white; opacity: 0.7;
    font-size: 2em;
     padding: .18em;
    list-style: none;
        display:flex;
            flex-direction:row;
            align-content: space-around;
            justify-content:space-around;
    align-items: flex-end;
            flex-basis: 0;
        flex-grow: 0;
     flex-wrap: nowrap;
     
   ;
 }

.menu{
   max-width: 8%;
    margin-bottom: 1em;
    background: white;
}

.perfil{
   max-width: 8%;
   margin-bottom: 1em; 
   background: white;
}
h1{
     background: white;
}
a:hover{
    color: lightgray;
}

h2:hover{
      color: #0E1925;
    background-color:white;
}
 h2{
    font-size: 2em; 
     color: white;
    background-color: deepskyblue; opacity: 0.7;
     text-decoration-color: antiquewhite;
    text-align: center;
    padding: 2.8em;
    display: flex;
     justify-content: center;
    align-content: center;
    flex-wrap: wrap;
     margin-bottom: 5em;
     margin-top: 7em;
     margin-left: 9em;
     margin-right: 9em;
}


footer a{
    color: black;
    background-color: red;
  font-size: 1em;
}