:root{
    --primary-color:#dd4b39;
    --darker-color: #c13221;
    --text-color: #eee2e5;
    --secondary-color:#191516;
}
.navbar{
    background-color: var(--primary-color) !important;
    color: #fff;
}
.navbar .navbar-brand{
    font-weight: bold;
    letter-spacing: 3px;
    /* text-shadow: -1px -1px 3px var(--text-color),
    2px 2px 4px #1b1b1b; */
}
.navbar a{
    color: #fff !important;
}
.navbar-light .navbar-toggler{
    border: none ;
    font-size: 25px;
}
.navbar .dropdown-menu{
    background: var(--primary-color) !important;
}
.navbar .dropdown-menu .dropdown-item:hover{
    background:  var(--darker-color) !important;
}
.nav-link{
    padding: 9px 12px !important;
    min-width: 80px;
    text-align: center;
}
.nav-link.activeLink{
    border-radius: 3px;
    background-color:var(--secondary-color);
    color: #fff !important;
}
.google {
    background-color: var(--primary-color) ;
    color: #fff;
    text-decoration: none;
    padding: 10px 12px;
    transition: 0.3s
}
.google:hover {
    background-color: var(--darker-color);
    text-decoration: none;
    color: #fff;
}
footer{
    background-color: var(--secondary-color);
}