/*Fuentes importadas*/

@import url(https://fonts.googleapis.com);
@import url(https://fonts.gstatic.com);
@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap);

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

/*Estilo de la página*/

body{
    font-family: 'Quicksand', sans-serif;
    background-color: #ffd2c2;
}

p{
    font-size: 1vmax;
}

/*header*/

.encabezado{
    display: flex;
    justify-content: center;
    position: fixed;
    padding: 1vh;
    width: 100%;
    top: 0;
    margin: 1vh;
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
}


/*barra de navegación*/

.navbar{
    display: flex;
    justify-content: space-between;
    padding: 1vh;
    margin-top: 7vh;
    width: 100%;
    background-color: #f7bd01;
}

.nombre{
    margin-left: 2vh;
    width: 70%;
    text-transform: uppercase;
    font-size: 2.741vmax;
    color: #f91866;
}

.espacios_botones{
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

a{
    margin: 0 2vw;
    text-decoration: none;
    color: black;
    font-family: 'Bebas Neue', cursive;
    font-size: 1.5vmax;
}


/*Cuerpo de la página*/

.container{
    background-color: #62bcbd;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 1vw;
    padding: 7vmin 2vmin;
}

.texto{
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-right: 1vw;
    text-align: center;
}

.texto p{
    margin: 0.3vw 0 0.3vw 2vh;
    text-align: justify;
    text-indent: 0.5vmax;
}

.descripcion{
    padding-bottom: 4vh;
    font-family: 'Ms Madi', cursive;
    font-size: 2.7vmax;
    color: #00414f;
}

.container-img{
    width: 30%;
    margin-left: 3vw;
}

.foto_perfil{
    width: 70%;
    border-style: ridge;
    border-width: 1vh;
    border-color: #00414f;
}

/*Pie de página*/

.mainfooter{
    display: flex;
    justify-content: center;
    padding: 1vh;
    width: 100%;
    margin-top: 1vh;
    bottom: 0;
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    position: fixed;
}