*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    
    .body{
    background-color:paleturquoise;
    height: 100%;
    }
    
    /* aca comienza los estilos de la bar de navegacion*/
    
    .navegación{
    width: 100%;
    height: 10vh;
    padding-top: 1rem;
    
    display: flex;
    flex-direction: row;
    
    align-items: center;
    justify-content: space-around;
    }
/* aca los botones */
    a {
        background-color: #eee;
        border: none;
        padding: 1rem;
        font-size: 1rem;
        width: 10em;
        border-radius: 1rem;
        color: turquoise;
        box-shadow: 0 0.4rem #dfd9d9;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
       }
       
      a:active {
        color: white;
        box-shadow: 0 0.2rem #dfd9d9;
        transform: translateY(0.2rem);
       }
       
       a:hover:not(:disabled) {
        background: turquoise;
        color: white;
        text-shadow: 0 0.1rem #bcb4b4;
       }
       
       a:disabled {
        cursor: auto;
        color: grey;
       }
    
    .titulo{
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: space-around;
    }

    .información{
        width: 80%;
        margin:auto;
        margin-top:3%;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }
    
    .parrafo{
    width: 77%;
    padding-right: 3%;
    font-size: 1.3rem;
    font-family:sans-serif;
    text-align: justify;
    }
    
    .fotoperfil{
    width: 50%;
    align-self: center;
    }
    
    .fotoperfil img{
    width: 100%;
    border-radius: 20%;
    border-width: 10px;
    border-style: solid;
    border-color:  whitesmoke;
    }