/*generales*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

body {
    color: white;
    text-align: center;
    background-color: #121E33;
}

h1 {
    color: #CEB5D3;
    font-size: 60px;
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: weight;
    font-style: normal;
}

h2 {
    color: #CEB5D3;
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: weight;
    font-style: normal;
}

h5 {
    color: #4F7AB1;
    font-weight: bold;
}

.work {
    color: #CEB5D3;
}


/*secciones*/

.navbar {
    --bs-navbar-padding-x: 20px;
    --bs-navbar-padding-y: 20px;
    background-color: #102C54;
}

header {
    padding-top: 70px;
    padding-bottom: 80px;
}

.myself {
    padding-bottom: 70px;
}

.aboutme {
    text-align: left;
}

.programs {
    text-align: right;
}

.knowledge {
    padding-bottom: 70px;
}

.HP {
    padding-bottom: 20px;
}

.skills {
    padding-bottom: 70px;
}

.cando {
    text-align: left;
}

.language {
    text-align: right;
}








/* media queries */
@media (max-width: 425px) {

    h1 {
        font-size: 50px;
    }

    .aboutme {
        padding-bottom: 20px;
    }

    .programs {
        text-align: left;
    }

    .cando {
        padding-bottom: 20px;
    }


    .language {
        text-align: left;
    }


}