/* File: style.css */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.parallax-container {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-4.0.3&auto=format&fit=crop&w=3840&q=80') no-repeat center center;
  background-size: cover;
  transition: background-position 0.1s ease-out;
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  text-shadow: 0 4px 8px rgba(0,0,0,0.6);
}

.overlay h1 {
  font-size: 4rem;
  margin: 0 0 1rem;
}

.overlay p {
  font-size: 1.5rem;
}