* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Mitr";
}
main {
  padding: 50px 0;
}
header {
  background: var(--bs-body-bg);
  padding: 5px 0;
}
header nav.navbar .collapse ul.navbar-nav li.nav-item a.nav-link:hover {
  color: var(--bs-primary);
}

header nav.navbar a.navbar-brand img {
  width: 200px;
}

body {
  background: var(--bs-tertiary-bg);
}

/* offcanvas-footer */
.offcanvas-footer {
  width: 100%;
}
.offcanvas-footer button {
  width: 100%;
  background: var(--bs-primary);
  padding: 10px 0;
  border: none;
  color: #fff;
}

.offcanvas-footer button:hover {
  background: #005ce6;
}