Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html, body {
- height: 100%;
- font-family: 'Segoe UI', sans-serif;
- overflow-x: hidden;
- color: white;
- position: relative;
- z-index: 1;
- }
- /* Video background */
- video.bg-video {
- position: fixed;
- top: 0;
- left: 0;
- min-width: 100%;
- min-height: 100%;
- object-fit: cover;
- z-index: -2;
- }
- /* Dark overlay to preserve readability */
- .overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.85);
- z-index: -1;
- }
- header {
- text-align: center;
- padding: 40px;
- }
- header h1 {
- font-size: 3em;
- margin-bottom: 10px;
- }
- nav a {
- color: #aaa;
- margin: 0 15px;
- text-decoration: none;
- font-weight: bold;
- }
- nav a:hover {
- color: #fff;
- border-bottom: 2px solid #e67e22;
- }
- .section {
- padding: 40px 20px;
- text-align: center;
- }
- .section h2 {
- font-size: 2em;
- margin-bottom: 20px;
- }
- .featured {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- gap: 20px;
- }
- .album {
- background-color: rgba(34, 34, 34, 0.9);
- padding: 15px;
- border-radius: 10px;
- width: 200px;
- transition: transform 0.3s;
- }
- .album:hover {
- transform: scale(1.05);
- }
- .album img {
- width: 100%;
- border-radius: 8px;
- }
- .album-title {
- margin-top: 10px;
- font-size: 0.95em;
- }
- .subscribe input[type="email"] {
- padding: 10px;
- width: 250px;
- border: none;
- border-radius: 5px;
- margin-right: 10px;
- }
- .subscribe button {
- padding: 10px 20px;
- border: none;
- background: #e67e22;
- color: #fff;
- border-radius: 5px;
- cursor: pointer;
- transition: background 0.3s;
- }
- .subscribe button:hover {
- background: #f39c12;
- }
- footer {
- padding: 20px;
- text-align: center;
- font-size: 0.9em;
- color: #bbb;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement