* {
    margin: 0em;
    padding: 0em;
    border: 0em;
    background-color: none;   
   
    text-align: center;
}

/*{}*/

/*    NAVBAR    */

nav ul {list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
  
}

nav ul li {
    float: left;
}

nav ul li a {
 display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav ul li a:hover:not(.active) 
{
  background-color: #111;
}

nav ul img {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
    overflow: hidden;
}


/*     HEADER    */

header div.banner{
    height: 20em;
    background-image: linear-gradient(-260deg,violet,blue);
}

 img.perfil {
    width: 10em;
    margin-top: -5em;
    border-radius: 50%;
    display: inline-block;
}


h5 {
    color: gray;
    text-align-last: center;
    margin-top: 1em;
    margin-bottom: 3em;
    
}

h1 {
    text-align-last: center;
    margin-top: 1em;
}

.active {
  float: right;
    padding: 10px;
    width: 50px;
}

/*    BODY    */

body {
    padding: 3 em;
    background-color: #DCDCDC;
    }

main article { 
    text-align: center;
    padding: 1em;
    border: 1px solid grey;
    box-sizing: border-box;
    justify-content: center;
    margin-top: 2em;
     }

.caja1 p {
    padding-bottom: 1em;
     
}

.caja1 {
    display: inline-block;
    width: 30em;
    height: 15em;
    background-color: #D6D6D6;
    vertical-align: bottom
    
}

.caja2 {
    display: inline-block;
    width: 30em;
    height: 15em;
    background-color: #D6D6D6;
}


h3 {
    margin: 1em;
    margin-top: 2em;
    display: inline-block;
}

div {
    display: flex;
    text-align: center;
    justify-content: center;
}

div p{
    padding: 3em;
}



/*    FOOTER    */


footer {
    padding: 3em;
    }