html{
    scroll-behavior: auto !important;
}

body{
    font-family: Helvetica;
}

/* navbar */
.navbar{
    background-color: #2d0080;
    position: fixed;
    width: 100vw;
    z-index: 1;
}

.navbar-brand{
    font-family: "Oswald";
    font-size: 40px;
    font-weight: 700;
}

/* hero section */
#hero-section{
    background-image: url("../img/bg_hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
}

#hero-section div{
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: auto;
}

.hero-line{
    width: 345px;
}

#hero-section h1{
    font-family: "Oswald";
    font-size: 72px;
}

#hero-section h1:first-child{
    font-weight: 200;
}

#hero-section h1:last-child{
    font-weight: 400;
}

/* sobre-mi */
#sobre-mi{
    color: #373A3C;
    font-family: "Open Sans";
    line-height: 3;
}

/* experiencia */
#experiencia div h1{
    font-family: "Oswald";
    font-size: 52px;
}

#experiencia i{
    color: #2d0080;
}

#experiencia div:last-child article h4:first-child {
    font-family: "Oswald";
}

#experiencia div:last-child article h4:last-child {
    font-family: "Open Sans";
    font-weight: 300;
}

/* trabajos */
#trabajos{
    background-color: #2d0080;
    font-family: "Oswald";
}

#trabajos h1 {
    font-size: 52px;
}

/* contacto */
#contacto h1{
    font-family: "Oswald";
    font-size: 52px;
}

/* footer */
#footer{
    background-color: #2d0080;
}

#footer h1{
    font-family: "Oswald";
}

#footer a{
    color: white;
    text-decoration: none;
}