html,
body {
  background-color: var(--blue-400);
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  margin: 0;
}

#svelte {
  height: 100%;
}

h1 {
  font-family: 'Grandstander', cursive;
  font-size: 2.6em;
  text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

/* .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
} */

.type__input-hint {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  line-height: 1.14;
}

.type__input,
.type__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.type__ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.type__button {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.28px;
  line-height: 1.2;
  text-align: center;
}