body {background: rgb(21, 26, 49);
;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c9ea', endColorstr='#1fb3e5', GradientType=1 );
font-family: "trebuchet ms", arial, helvetica, sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;}

h1 , h3 {color:rgb(114,122,149) }






nav {margin-bottom: 150px;
background: rgb(29, 35, 60)}
nav ul{display:flex;
    justify-content: space-around;
    list-style-type: none;}

nav li{background: rgb(255, 255, 255);    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 87px 0px 87px 87px;
-moz-border-radius: 87px 0px 87px 87px;
-webkit-border-radius: 87px 0px 87px 87px;
border: 0px solid #000000;
cursor: pointer;}
nav li:hover{background:#2c2c34; }
nav li a:hover{color: #7d72a2}
a{color: rgb(106, 121, 172);
   text-decoration: none}
p{color: white}    





main {display: flex;
justify-content: center;}

.contenedor {display: flex;
justify-content:center;


 }

.titulo {margin-bottom: 0;}

.foto-perfil {width: 9em; margin-right: 50px;}
.resalte {color:rgb(114,122,149);
  margin-top: 0;}

            
section {display: flex;
           flex-direction: row;}

section ul {display:flex;
    justify-content: space-evenly;
    list-style-type: none;
     color: #7d72a2 }







footer {
          background: rgb(29, 35, 60)}
.logo{width: 100px;}
.logo2{width: 50px; }