/* =====================
   BOOT SCREEN
===================== */

#boot-screen {

  position: fixed;

  inset: 0;

  z-index: 99999;

  background:
    #000000;

  display: flex;

  align-items: center;
  justify-content: center;

  transition:
    opacity 1.5s ease;
}

#boot-screen.fade-out {

  opacity: 0;

  pointer-events: none;
}

.boot-container {

  width: 90%;

  max-width: 900px;

  text-align: center;
}

.boot-line {

  display: inline-block;

  text-align: left;

  font-family:
    "Cormorant Garamond",
    serif;

  font-size: clamp(18px, 2.2vw, 32px);

  line-height: 1.5;

  color:
    #d1fae5;

  max-width: 780px;

  margin: 0 auto;
}

.boot-cursor {

  display: inline-block;

  width: 0.45em;
  height: 0.8em;

  background:
    #d1fae5;

  margin-left: 4px;

  vertical-align: baseline;

  transform:
    translateY(1px);

  animation:
    blink 1s steps(1) infinite;
}

#boot-text {

  display: inline;

  white-space: pre-wrap;

  text-shadow:
    0 0 12px rgba(34,197,94,0.08);
}

@keyframes blink {

  50% {
    opacity: 0;
  }
}