@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Oswald&family=Share+Tech+Mono&display=swap');

:root{
    --boxShadow: rgba(46, 46, 46, 0.452);
    --banner:rgb(228, 228, 228);
    --secondary:#171717;
    --primary:#B40014;
    --white:rgb(255, 255, 255);
}


body,html{
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}

body{
    background-color: var(--secondary);
}
.wrapper {  
    min-height: calc(100vh - 60px);
}

.footer{

    background-color:var(--secondary)!important;
    color:var(--white) !important;
    text-align:center;
    height: 60px;
}

.nav-link{
    font-family: 'Oswald', sans-serif;
    color:var(--white) !important;
    font-size: 1.rem;
    position: relative;
    transition: all 0.2s;
}

.nav-link:hover{
  background-color:var(--primary) !important;
  border-radius: 10px;
}

.navbar{
    background-color:var(--secondary) !important;
}
.red{
    color:var(--primary) !important;
}
#navLogo{
    width:50px;
    height:50px;
}

.navFirstLetter{
    
    font-size:1.4rem;
}

.head{
    font-family: 'Oswald',sans-serif;
}

.white{
    color:var(--white);
}

.red{
    color:var(--primary);
}

.dropdown-menu{
    background-color:var(--secondary)!important;
}

.dropdown-item{
    color: var(--white);
}

.dropdown-item:hover{
    color: var(--white)!important;
    background-color: var(--primary)!important;
}