:root {
  --primary-color: #ed1c24;
  --primary-color-hover: #bb0f15;
  --primary-color-checked: #a10d12;
  --screen-inline-padding: calc(30px + 5%);
  --action-btn-offset: 25px;
}

* {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

button {
  cursor: pointer;
}

#body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.wrapper {
  border-radius: 20px;
  box-shadow: 0px 13px 27px -7px rgba(0, 0, 0, 0.75);
}

@media (max-width: 992px) {
  :root {
    --screen-inline-padding: 5%;
  }

  main {
    display: flex;
    flex-direction: column;
    flex-grow: initial;
  }
}