/* style.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display:wght@700&display=swap');

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-color: #0d1117;
  /* dark base */
  color: #f0f6fc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', sans-serif;
}

/* Center section */
.hero {
  text-align: center;
}

/* Main title styling */
.hero h1 {
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
  letter-spacing: 2px;
  color: #58a6ff;
  /* soft blue accent */
  text-shadow: 0 0 20px rgba(88, 166, 255, 0.2);
  animation: fadeIn 2s ease-in-out;
}

/* Simple fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}