@charset "utf-8" ;



body{background-color: #fffdf0;
    font-family: sans-serif;
    color: #000000; 
}

nav ul li a { text-decoration: none;
              color: #ffffff;
              background-color: #fcd772;
              font-size: 2em; }


h2 { color:#fc9999;
     font-size: 3em;}

h1 {color:#000000;
    font-family:sans-serif;
    text-decoration:underline; }

aside { font-family:fantasy;
        color:#ffba7f; }

footer {color:#805800;
        font-size: 1em;}

.h2 {background-color: antiquewhite;
    color:#c36f00; }

.club {font-family: sans-serif;}

.h20 {background-color: #000000;
      color:aliceblue;}

section article p { font-family: serif;
                    font-size: 2em;}




* { box-sizing: border-box;
    margin: auto;
    padding:inherit;    }

.contenedor { width: 90%;]]
              margin: 0 auto;
              background-color: #ffffff;
              padding: 1em;
}

.logo { display:flex;
        justify-content: center;}

.menu { display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        background-color: #fcd772;
        }

.h2caja {display: flex;
         justify-content: center;
        background-color: antiquewhite; }

.rotulos {display: flex;
          flex-direction: row;
          justify-content: center; }

.nombre, .imagenperfil {

    display: flex;
   

}

.datos1 {display: flex;
        justify-content: center;
        background-color: #000000;}

.datos {display: flex;
        justify-content: center;
        background-color: antiquewhite;}

.datosimportantes{display: flex; 
                  justify-content: center;
                  flex-direction: column;
                  text-align: center;}

.footer {display: flex;
         background-color: antiquewhite;
         justify-content: center;
         text-align: center;}

@media (max-width:700px){
    .rotulos {
        display: flex;
        flex-direction: column;
        
    }    
}