@import url(/style.css);

.header-info{
    color: var(--dark--);
}

.navbar-brand {
    color: var(--dark--);
}

.nav-link{
    color: var(--dark--);
    font-weight: 300;
}

.nav-link:hover{
    color: var(--dark--);
}


.nav-btn {
    background: var(--dark--);
    color: var(--white--);
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    border: 1px solid var(--white--);
    transition: all .4s;

}
.nav-btn:hover{
    color: var(--dark--);
    background-color: var(--light--);
    border: 1px solid var(--dark--);
}


section {
    padding: 7rem 0rem 7rem 0rem;
}

.reasons h1{
    font-weight: 600;
}

.reason p {
    font-size: 1rem;
    width: 80%;
    line-height: 2rem
}

.reason h3 {
    font-size: 1.25rem;
}



#particles-js {
    position : absolute;
    width:100%;
    height:100%;
    z-index:-1;
    background-color: var(--light--);

}