.bg-navbar{
background-color: var(--dark-light);
}


*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}



body{
    font-family: 'Poppins';
}

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


#theme-toggle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
#theme-toggle:hover {
  transform: rotate(180deg);
}


.navbar-nav .nav-link:hover {
  color: var(--secondary) ;
  transition: color 0.3s ease;
}

#navbar-theme{
  background-color: var(--dark-light);
}

body.bg-dark-2 #navbar-theme {
  background-color: var(--primary);
  color: white;
}


.hr-thick {
  height: 5px;
  background-color:var(--secondary);
  opacity: 1;
  border: none;
}

.burger-img {
  animation: floatBurger 3s ease-in-out infinite;
}



.card-one{
  background-color: var(--secondary);
}

.card-two{
  background-color: var(--red);
}

.card-three{
  background-color: var(--green);
}

.text-xs {
    font-size: 12px;
    line-height: -0.1%;
}

#card-left{
  background-color: var(--dark-light);
}

body.bg-dark-2 #card-left {
  background-color: var(--primary);
  color: white;
}

body.bg-dark-2 #card-right {
  background-color: var(--primary);
  color: white;
}

#card-right{
  background-color: var(--dark-light);
}

body.bg-dark-2 #carousel-id{
  background-color: var(--primary);
  color: white;
}



.bg-dark-1 {
  background-color: var(--black) ; 
}

.bg-dark-2 {
  background-color: var(--primary-light) ;
}

#review {
  background-color: var(--dark-light);
  color: white;
}

body.bg-dark-2 #review {
  background-color: var(--primary);
  color: white;
}

#menu{
  background-color: var(--black);
  color: white;
}

body.bg-dark-2 #menu {
  background-color: var(--primary-light);
  color: white;
}

.carousel-section-2{
  background-color: var(--black);
}

@keyframes floatBurger {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}

:root {
    --primary: #010a5e;
    --primary-light: #010d78;
    --secondary: #ffcc00;
    --paragraph: #c0c0c0;
    --white: #fff;
    --black: #000;
    --green: #007936;
    --red: #cc3433;
    --dark: #000;
    --dark-light: #171717;
}