body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

.hero {
  height: 90vh;
  background: linear-gradient(rgba(0, 0, 40, 0.6), rgba(0, 0, 60, 0.6)), 
              url('https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
}

.hero h1, .hero p {
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

footer {
  background-color: #0b1b33;
}

footer a {
  transition: color 0.3s;
}

footer a:hover {
  color: #0dcaf0;
}