* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');

.body{
    background-color: rgb(167, 229, 182);
    height: 100%;
    width: 100%;
}

    /* aca comienza los estilos de la barra de navegacion*/
.nav{
    width: 100%;
    height: 10vh;
    padding-top: 1rem;
    
    display: flex;
    flex-direction: row;
    
    align-items: center;
    justify-content: space-around;
    text-transform: capitalize;
    color: rgb(255, 255, 255);
}
.nombre{
    width: 100%;
    height: 20vh;
    color: rgb(7, 107, 74);

    display: flex;
    justify-content: space-around;
    font-style: oblique;
    font-size: larger;
    font-family: 'Domine', serif;
    text-decoration: underline;
}

.parrafo{
    width: 60%;
    /* padding-right: 10%;
    padding-left: 13%; */

    text-align:justify;
    font-family:'Times New Roman', Times, serif;
    font-size: 150%;
    line-height: 1cm;
   
    align-self: center;
}

.fotoperfil{
    width: 40%;
    align-self: center;
    padding-left: 2rem;
}

.img1perfil{
    width: 100%;
    border-radius: 20%;

    border-width: 10px;
    border-style: solid;
    border-color: rgb(55, 104, 58);
    align-self: center;
}

.container{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 15px;
}

.button{
    background-color: #74af6e;
    padding: 0.5vmin;
    font-size: 2vmin;
    width: 10em;
    border-radius: 1rem;
    color: rgb(255, 255, 255);
    box-shadow: 0 0.4rem #56995b;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

button:active{
    color: rgb(255, 255, 255);
    box-shadow: 0 0.2rem #dfd9d9;
    transform: translateY(0.2rem);
}
   
.button:hover:not(:disabled){
    background: rgb(47, 90, 49);
    color: white;
}
   
.button:disabled{
    cursor: auto;
    color: rgb(255, 255, 255);
}