@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;700&display=swap');

nav {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 14pt;

}

h1 {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 20pt;
    letter-spacing: 0.15em;
    margin-right: 2vw;
}

h2 {
    font-family: Roboto Mono;
    font-weight: 800;
    font-size: 80pt;
    text-align: center;
    color: #F0F0F0;
    letter-spacing: -0.1em;
}

header h2 {
    font-family: Roboto Mono;
    font-size: 20pt;
    letter-spacing: 0.2em;
    font-weight: 100;
    margin: auto;
}


h3 {
    font-family: Roboto Mono;
    font-weight: 100;
    font-size: 18pt;
    letter-spacing: 0.3em;
}

h4 {
    font-family: Open Sans;
    font-size: 16pt;
    margin-bottom: 5%;
}

p {
    font-size: 12pt;
    font-family: Open Sans;
    font-weight: 350;
    line-height: 2em;
}

.nombre {
    font-size: 18pt;
    font-weight: 500;
}

#curriculum {
    color: #F0F0F0
}


.pie-iconos {
    color: #333241;
    font-size: 10pt;
    font-family: Open Sans;
}

#portfolio h2 {
    color: #333241;
}



#about h2 {
    color: #F0F0F0;
    text-align: left;

}

.sobre-mi p {
    color: #F0F0F0;
    margin: 10%;

}



#galery h2 {
    color: white;
    font-size: 24pt;
    font-family: Open Sans;
}

#galery p {
    font-size: 16pt;
    font-family: Open Sans;
}

h4 {
    text-align: center;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 36px;

}

#servicios h3 {
    text-align: center;
    margin-bottom: 10%;
}

.salmon {
    color: #F9DCC4
}
.p-centro {
    margin: 5% auto;
    text-align: center;
    font-family: Roboto Mono;
    font-weight: 200;
    font-size: 14pt;
    letter-spacing: 0.3em;
}