#app {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 17vh 24px 32px;
}

.logo {
  font-family: var(--font-logo);
  font-size: clamp(4.65rem, 10vw, 5.9rem);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 27px;
  user-select: none;
  max-width: 100%;
  overflow-wrap: break-word;
  text-align: center;
}

.g-blue { color: var(--g-blue); }
.g-red { color: var(--g-red); }
.g-yellow { color: var(--g-yellow); }
.g-green { color: var(--g-green); }
.g-space { display: inline-block; width: 0.22em; }
.logo-dot { color: var(--text); }

.tagline {
  margin-bottom: 30px;
  color: var(--text-muted);
  font-size: 0.8125rem;
  text-align: center;
}