body {
  font-family: Outfit, sans-serif;
  background-color: black;
}

.custom-navbar{
    background-color: transparent;
    transition: background-color 0.3s ease;
    padding: 20px;
}

.custom-navbar.scrolled {
  background-color: black; 
}

.custom-navbar.scrolled .nav-link,
.custom-navbar.scrolled .navbar-brand {
  color: #fff;
}

.custom-navbar.scrolled .nav-link:hover {
  color: #A90000;
}

.custom-navbar.scrolled .custom-button:hover{
    color: white;
}

.nav-link, .navbar-brand{
    color: white;
    text-transform: uppercase;
}

.nav-link:hover{
    color: #A90000;
}

.navbar-brand:hover{
    color: white;
}

.custom-button {
    background-color: #A90000;
    border-color: transparent;
    border-radius: 999px;
    width: 131px;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease
}

.custom-button:hover{
    background-color: #571212;
    border-color: transparent;
    color: white;
    transform: scale(1.1);
}