body, html { height: 100%; margin: 0; font-family: Arial, sans-serif; color: white; }
        .bgimg {
            background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com');
            height: 100%; background-position: center; background-size: cover; position: relative;
        }
        .middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%; }
        h1 { font-size: 50px; margin-bottom: 10px; text-transform: uppercase; }
        hr { margin: auto; width: 40%; border: 1px solid #fff; }
        p { font-size: 20px; margin-top: 20px; }
        .social-links a { color: white; text-decoration: none; margin: 0 10px; font-weight: bold; border: 1px solid white; padding: 10px 20px; display: inline-block; margin-top: 20px; transition: 0.3s; }
        .social-links a:hover { background: white; color: black; }