/* Variables */
/********************** semantic tags ************************/
html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #222;
}

h1 {
  font-size: 7.993rem;
}

h2 {
  font-size: 5.653rem;
}
h2 .subtitle {
  font-size: 1.999rem;
}

h3 {
  font-size: 3.998rem;
}
h3 .subtitle {
  font-size: 1.414rem;
}

h4 {
  font-size: 2.827rem;
}

h5 {
  font-size: 1.999rem;
}

h6 {
  font-size: 1.414rem;
}

p {
  font-size: 1rem;
}

p.small {
  font-size: 0.707rem;
}

p.extraSmall {
  font-size: 0.5rem;
}

button {
  background-color: orange;
  color: #fff;
  text-align: center;
  padding-inline: 16px;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
button .secondary {
  background-color: #fff;
  border: 2px solid orange;
  color: orange;
}

/********************** reusable styles ************************/
.flex {
  display: flex;
}

.row {
  display: flex;
  flex-direction: row;
}

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

.flex.center {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.around {
  justify-content: space-around;
}

.between {
  justify-content: space-between;
}

.even {
  justify-content: space-evenly;
}

.alignStart {
  align-items: flex-start;
}

.alignEnd {
  align-items: flex-end;
}

.alignCenter {
  align-items: center;
}

.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}/*# sourceMappingURL=main.css.map */