@media (max-width: 800px) {
  body {
    padding: 0;
  }
}

#content {
  height: 100%;
  min-height: 80vh;
}

header {
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


body {
  padding-left: 20%;
  padding-right: 20%;
  font-size: larger;
   font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
}

a {
  color: black;
  text-decoration: none;
display: inline-flex;
  align-items: center;
  font-weight: bolder;
}

a:hover {
  text-decoration: underline;
  color:white;
  background: black;
}

select,
::picker(select) {
  appearance: base-select;
}


select, option {
  border-radius: 0;
  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

option {
  background: white;
}

option:hover {
  text-decoration: underline;
  color:white;
  background: black;
}

option::checkmark {
  order: 1;
  margin-left: auto;
  content: url("/static/check_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg");
}

#footer {
  font-size: small;
}