html {
  font-size: 16px;
}

body {
  background-color: rgb(245,80,77);
  font-family: 'Segoe UI Semilight';
}

nav {
  box-shadow: 0rem 0rem 1rem 0rem;
}

.navbar-toggler {
  border-style: none;
}

.navbar-brand {
  font-size: 1.5rem;
}

.navbar-brand p {
  font-size: 1rem;
  color: rgb(103,103,103);
}

#lang-button {
  margin-left: 1.5rem;
}

.dropdown-menu {
  border-radius: 0rem;
}

.dropdown-menu[data-bs-popper] {
  margin: 0rem;
}

.dropstart .dropdown-menu[data-bs-popper] {
  margin: 0rem;
}

.dropdown-item:active {
  background-color: rgb(255,0,0);
  color: rgb(255,255,255);
}

.offcanvas hr {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.offcanvas-body .row {
  margin-bottom: 1rem;
}

.offcanvas-body a {
  font-size: 0.9rem;
}

.offcanvas-body li {
  margin-top: 0.5rem;
  margin-left: 1rem;
}

.offcanvas-body li a {
  font-size: 0.8rem;
}

.offcanvas-body hr {
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  main {
    margin-top: 13rem;
  }
}

@media (max-width: 1199px) {
  main {
    margin-top: 7rem;
  }
}

footer {
  background: rgb(33,33,33);
  padding: 3rem;
  color: rgb(255,255,255);
}