body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            text-align: center;
        }

        header {
            padding: 2rem 1rem;
        }

            header img {
                width: 100%;
                max-width: 250px; /* Bigger logo, but responsive */
                height: auto;
            }

        .banner {
            background-color: #111;
            color: #fff;
            padding: 1rem;
            overflow: hidden;
            white-space: nowrap;
        }

            .banner p {
                display: inline-block;
                animation: scroll-left 20s linear infinite;
                font-size: 1rem;
            }

        @keyframes scroll-left {
            from {
                transform: translateX(100%);
            }

            to {
                transform: translateX(-100%);
            }
        }

        .social-links {
            margin: 2rem 0;
        }

            .social-links a {
                display: inline-block;
                margin: 0 1rem;
            }

            .social-links img {
                width: 40px;
                height: 40px;
            }

        .contact {
            margin-top: 1rem;
            font-size: 1rem;
        }

            .contact a {
                color: #fff;
                text-decoration: none;
            }

                .contact a:hover {
                    text-decoration: underline;
                }

        footer {
            background-color: #111;
            padding: 1rem;
            margin-top: 3rem;
            font-size: 0.9rem;
        }