#header {
  background-color: rgb(255 255 255 / 0.8);
  border-bottom: 1px solid rgb(185 28 28 / 0.1);
}
#footer {
  background-color: rgb(242 228 228 / 1);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#footer .heading1 {
  color: rgb(185 28 28 / 1);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

ul.header-nav > li > a {
  font-family: "Manrope";
  font-weight: 900;
  padding: 10px 5px;
  align-items: center;
  display: flex;
}
ul.header-nav > li > a:hover {
  color: rgb(185 28 28 / 1);
  background-color: rgb(185 28 28 / 0.05);
}