body {
  font-family: 'Quicksand', sans-serif;
  background: var(--purple-deep);
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  position: relative;
}

[hidden] {
  display: none !important;
}

.screen {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
}

.screen.active { display: flex; opacity: 1; }
.screen.fade-in { animation: fadeIn 0.8s ease forwards; }

#screen-cover {
  height: 100vh;
  height: 100dvh;
  min-height: auto;
}