:root {
  --corporate-color: #f05a1a;
  --main-menu-height: 60px;
  --main-menu-base-padding: 10px;
  --content-padding: 10px;
}

.page {
  display: flex;
  flex-direction: column;
}

.main-content {
  padding: var(--content-padding);
}

* {
  font-family: "Noto Sans", serif;
  box-sizing: border-box;
}

text, a, p, li, span, h1, h2, h3, h4, h5, h6, button, label, input, select, textarea {
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.corporateButton {
  background-color: var(--corporate-color);
  color: white;
  padding: 5px 10px;
  border: 2px solid white;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;

  &:hover {
    background-color: white;
    color: var(--corporate-color);
  }
}

#modal {
  display: none;
}