:root {
  --primary-background: #F07279;
  --secondary-background: #fff;
  --primary-text: #1e2d50;
  --secondary-text: white;
}

body {
  background: linear-gradient(40deg, rgba(0, 0, 0, 0.175), #1e2d5015);
}

.navbar {
  background-color: var(--primary-background);
}

.navbar-nav .nav-link {
  color: var(--secondary-text);
}

.navbar-nav .nav-link:hover {
  color: var(--bs-navbar-active-color);
}

.nav-link__login {
  font-size: 1.1rem;
  color: var(--secondary-text);
  transition: color 0.1s ease-in-out;
  text-decoration: none;
}

.nav-link__login:hover {
  font-size: 1.1rem;
  color: var(--bs-navbar-active-color);
}

.nav-link__login > img {
  transition: filter 0.1s ease-in-out;
  filter: invert();
}

.nav-link__login:hover > img{
  filter: unset;
}

.navbar-brand {
  width: 60px;
  height: 60px;
}

.footer {
  background-color: var(--primary-background);
  max-height: min-content;
}

.footer-img-container {
  width: 60px;
  height: 60px;
}

.footer-description {
  text-align: justify;
}