* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #1A1D1E;
  color: #D8D4CF;
  font-family: system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 35vh;
}

.text {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
}

.dots span {
  opacity: 0;
  animation: dot 1.5s 5 forwards;
}

.dots span:nth-child(1) { animation-delay: 0s; }
.dots span:nth-child(2) { animation-delay: 0.3s; }
.dots span:nth-child(3) { animation-delay: 0.6s; }

@keyframes dot {
  0%, 20% { opacity: 0; }
  40%, 100% { opacity: 1; }
}

footer {
  padding: 2rem;
  text-align: center;
  color: #7A7570;
  font-size: 0.875rem;
}

footer a {
  color: #7A7570;
  text-decoration: none;
}

footer a:hover {
  color: #AFA9A3;
}