/*
Theme Name: Bjork Child
Template: bjork
*/

.typewriter {
  display: inline-block;
  overflow: hidden;
  border-right: .15em solid #FCB500;
  white-space: nowrap;
  letter-spacing: .15em;
  margin: 0;
  animation:
    typing 3s steps(3, end) infinite,  /* Gesamtdauer: 3s */
    blink-caret .75s step-end infinite; /* Cursor blinkt dauerhaft */
}

@keyframes typing {
  0%   { width: 0 }                             /* Start Tipp */
  33%  { width: calc(3ch + 0.30em) }           /* Ende Tipp nach 1s */
  66%  { width: calc(3ch + 0.30em) }           /* 1s sichtbar */
  100% { width: 0 }                             /* Löschen in der letzten Sekunde */
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50%      { border-color: #FCB500; }
}

.home {
  overflow: hidden;

.vertical-separator {
  display: block;              /* sichtbarer Block */
  width: 2px;                  /* Dicke der Linie */
  height: 100%;                /* volle Spaltenhöhe */
  background-color: #ccc;      /* Linienfarbe */
  margin: 0 auto;              /* zentriert in der Spalte */
  flex-grow: 1;                /* dehnt sich im Flexcontainer */
  box-sizing: border-box;
}