body{
    background-color: #161a20;
    color: #FFF;
    font-family: "Roboto", sans-serif;
}

p{
    font-size: 1em;
}

ul{
    font-size: 1em;
}

ol{
    font-size: 1em;
}

a{
    text-decoration: none !important;
}

/*NAVBAR*/
.navbar-bg-translucide{
    backdrop-filter: blur(10px) !important;
    background-color: #253341e0 !important;
}

.navbar-toggler {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="white" d="M10 12h30v4H10zm0 10h30v4H10zm0 10h30v4H10z"/></svg>');
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
}



@media (max-width:575.98px){
    .navbar-brand{
        color: #fff;
        text-transform: uppercase;
        font-size: 17px !important;
        text-decoration: none !important;
        font-family: "Oswald", sans-serif;
        letter-spacing: 0.5px;
        font-weight: 500;
        line-height: 1.2;
        font-weight: bold;
        margin: auto;
        padding: 10px;
    }
}
@media (min-width: 575.98px){
    .navbar-brand{
        color: #fff;
        text-transform: uppercase;
        font-size: 20px !important;
        text-decoration: none !important;
        font-family: "Oswald", sans-serif;
        letter-spacing: 0.5px;
        font-weight: 500;
        line-height: 1.2;
        font-weight: bold;
        margin: auto;
        padding: 10px;
    }
}
.navbar-brand:hover{
    color: #fff;
}
.photo-jca{
    width: 70px;
    height: 70px;
    margin: auto;
}

#mainNav .nav-menu-item a{
    margin: 2px !important;
    color: #c1c6ce !important;  
    font-size: 20px;
    text-decoration: none !important;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1px;
    font-weight: bold;
    margin: auto;
}

#mainNav .nav-menu-item a:hover {
    color: #ffffff !important;
    border: 2px solid  #02a5d6;
    border-radius: 10px;
    margin: 0px !important;
}

#mainNav .dropdown-menu a:hover {
    color: #02a5d6 !important;
    background-color: #2b333daf !important;
}

.dropdown-menu{
    background-color: #2b333daf !important;
}

/*FOOTER*/
.footer-bg{
    background-color: #20303f !important;
    color: #fff !important;
    
}

/*Title page SLAE32*/
#titles{
    background: -webkit-linear-gradient(#a8cdf7, #2d8fb3, #a26fad); -webkit-text-fill-color: transparent;-webkit-background-clip: text;
}


h1{
    color: #02a5d6;
    font-family: "Oswald", sans-serif !important;
}

/* Title page assessment SLAE32*/ 
#titles-1{
    background: -webkit-linear-gradient(#a8cdf7, #2d8fb3); -webkit-text-fill-color: transparent;-webkit-background-clip: text;
}
#titles-2{
    background: -webkit-linear-gradient(#a8cdf7, #2d8fb3); -webkit-text-fill-color: transparent;-webkit-background-clip: text;
}

/*Section assessments*/
.btn-info{
    transition: all 0.2s ease-out;
}

/*color code section*/
code{
    color:rgb(151, 168, 177) !important;
}