* {
  margin: 0 auto;
  font-family: Roboto, sans-serif;
  color: #21212e;
}

header {
  position: fixed;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.header-hidden {
  animation: slideUp 0.3s forwards;
}

.header-visible {
  animation: slideDown 0.3s forwards;
}

@keyframes slideUp {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@keyframes slideDown {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

button {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}

.custom-select {
  background-color: #7f1d1d;
}

.custom-select option {
  background-color: #ffffff;
}