.spacer{
  flex-grow: 0;
  transition: flex-grow .7s cubic-bezier(.4,0,.2,1);
}

.page.landing .spacer{
  flex-grow: 1;
}

.hero{
  flex-shrink: 0;
  padding-top: 40px;
  transition: padding-top .7s cubic-bezier(.4,0,.2,1);
}

.page.landing .hero{
  padding-top: 0;
}

.logo-line{
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 10px 0 6px;
  margin-left: 0;
  transition: margin-left .7s cubic-bezier(.4,0,.2,1);
}

.logo-text{
  font-size: 28px;
  color: var(--accent);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: font-size .7s cubic-bezier(.4,0,.2,1);
}

.page.landing .logo-text{
  font-size: 56px;
}

.logo-icon{
  height: 1.55em;
  width: auto;
  margin: 0 2px;
  vertical-align: middle;
}

.comment-line{
  color: var(--text-muted);
  font-size: 12px;
  width: fit-content;
  margin: 0 0 34px;
  margin-left: 0;
  transition: margin-left .7s cubic-bezier(.4,0,.2,1);
}