:root {
  font-family: "Meutas-Bold", Montserrat, sans-serif;
  font-size: 100%;
  --lh: 1.2;
}

.df {
  display: flex;
}

.fdc {
  flex-direction: column;
}

.fa {
  flex-grow: 1;
  flex-basis: 0;
}

.fs200 {
  font-size: 200%;
}

.fs1625 {
  font-size: 1.625rem;
}

.fw700 {
  font-weight: 700;
}

.mt05 {
  margin-top: calc(0.5rem * var(--lh));
}

.mt10 {
  margin-top: calc(1rem * var(--lh));
}

.ml05 {
  margin-left: calc(0.5rem * var(--lh));
}

.pt05 {
  padding-top: calc(0.5rem * var(--lh));
}

.pt10 {
  padding-top: calc(1rem * var(--lh));
}

.pr05 {
  padding-right: calc(0.5rem * var(--lh));
}

.pr10 {
  padding-right: calc(1rem * var(--lh));
}

.pb05 {
  padding-bottom: calc(0.5rem * var(--lh));
}

.pb10 {
  padding-bottom: calc(1rem * var(--lh));
}

.pl05 {
  padding-left: calc(0.5rem * var(--lh));
}

.pl10 {
  padding-left: calc(1rem * var(--lh));
}

.tac {
  text-align: center;
}

.ttu {
  text-transform: uppercase;
}

.bgcgr {
  background-color: #378ba4;
}

.br8px {
  border-radius: 8px;
}

.cfff {
  color: #fff;
}

#app {
  max-width: 35rem;
}

input {
  appearance: none;
  border: 2px solid rgb(215, 224, 228);
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 1rem;
}