:root{
    --c-dark: #000000;
    --c-brand:#4e57d4;
    --font-base:sans-serif;
    --box-shadow:0px 15px 25px rgba(0,0,0,0.08);
    --transition: all 0.5s ease;
    --c-brand-light:#9096e9;
    --c-brand-rgb:78,87,212;
}
h1,h2,h3,h4,h5,h6
.h1, .h2, .h3, .h4, .h5, .h6{
    font-weight: 600;
    color: var(--c-dark);
    font-weight: bold;

}
a{
    transition: var(--transition);
    color:var(--c-brand);
}
img{
    max-width: 100%;
    
}

body{
    background-image: linear-gradient(rgba(226, 19, 85, 0.7),rgb(77, 139, 179));
    overflow-x:hidden ;
    padding-top: 96px;
    margin: 0;
    
}
a:hover{
    color:var(--c-brand-light)
}



/* NAV */
.navbar{
    background-color: transparent;
    box-shadow: 1px 1px 25px;
    border-bottom: 1px solid #fff;
}

.navbar-nav .nav-link{
    font-weight: 500px;
    color: rgb(250, 244, 244);
    
    
}

.navbar-brand {
    color: rgb(250, 244, 244);
    font-style: bold;
    
    

}
.nav-item{
    position: relative;
    display: inline-block;
    color: white;
}
.nav-link::after{
    content: '';
    height: 2px;
    width: 100%;
    background: rgb(34, 9, 203);
    margin: auto;
    left: 0;
    bottom:-2px;
  
    position:absolute;
    opacity: 0;
    transition:all 0.2s;
}
.nav-link:hover::after{
    opacity: 1;
}
.navbar-brand .Logo{
    width: 70px;
    height: 70px;
    mix-blend-mode: screen;

}