Second page.css

* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background: linear-gradient(to bottom, #141414, #1a1a1a); color: white; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; } header { width: 100%; padding: 20px 0; background-color: rgba(0, 0, 0, 0.8); } header .logo h1 { font-size: 3rem; letter-spacing: 5px; text-transform: uppercase; color: #f1f1f1; } main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; } .intro h2 { font-size: 2.5rem; margin-bottom: 10px; } .intro p { font-size: 1.2rem; margin-bottom: 20px; width: 80%; max-width: 600px; } .cta-button { padding: 10px 20px; font-size: 1.2rem; text-decoration: none; background-color: #ff4500; color: white; border-radius: 5px; transition: background-color 0.3s ease; } .cta-button:hover { background-color: #ff2a00; } .video { display: flex; justify-content: center; align-items: center; margin-top: 30px; position: relative; } .play-button { font-size: 5rem; color: #ff4500; cursor: pointer; transition: transform 0.3s ease; } .play-button:hover { transform: scale(1.1); }