@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
.btn_red {
  font-size: clamp(14px, 2vw, 16px);
  padding: 0.5em;
  background-color: #c22128;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

.btn_blue {
  font-size: clamp(14px, 2vw, 16px);
  padding: 0.5em;
  background-color: #2f569c;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

.navbar {
  background-color: #393b4a !important;
  padding: 0.3em;
}

@media (max-width: 600px) {
  .navbar-brand img {
    max-width: 200px !important;
  }
}
.navbar-nav .nav-link {
  transition: all 0.3s;
  border-radius: 5px;
  color: white !important;
}

@media (min-width: 992px) {
  .navbar-nav .nav-link:hover {
    background-color: #c22128;
  }
}
.navbar-toggler {
  background-color: #c22128;
}

footer {
  background-color: #2b2d3d;
}
footer i {
  color: #c22128;
  font-size: clamp(18px, 2vw, 25px);
}
footer .col-md-4 {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center;
}

body {
  font-family: "Roboto", sans-serif;
}