:root{
    --color-primary:rgb(74, 142, 255);
    --color-secundary:rgb(19, 19, 19);
    --color-tertiary:rgb(193, 198, 215);
    
    --color-quaternary:rgb(24, 24, 24);
    --color-quinary:#1d1c1c;
}
body{
    font-family: jetbrains mono;
    background-color:var(--color-secundary);

}
/* HEADER */
.navbar{
    background-color:var(--color-secundary);    
}
.navbar-brand{
    font-size:32px;
    color:var(--color-primary);
}
.navbar ul li a{
    color:var(--color-tertiary);
}
.navbar ul li a:hover{
    color:var(--color-primary);
}
.nav-mobile{
    background-color:var(--color-quinary);
    width:80vw;
    border:1px;
    border-radius: 50px;
     
}
.nav-mobile a{
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}
.nav-mobile span{
    font-size:8px;
}
.nav-mobile i{
    font-size: 26px;
}
/* HERO */
.section-hero{
    min-height:600px;
    color:var(--color-primary);
}
.section-hero h1{
    font-size:64px;
}
.div-button-hero{
    background-color: var(--color-primary);
    min-height:80px;
    width:250px;
    border-radius:10px;

}
.div-button-hero a{
    text-decoration:none;    
    color: var(--color-secundary);   
}
.div-button-hero i{
    color:var(--color-secundary);

}
.div-paragraph{
    font-size: 14px;
    max-width:450px;
    border:1px solid #273856;
    border-radius: 50px;
}