@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55?styles=30124,16010,30133');

            body {
                font-family: 'Helvetica Neue', sans-serif;
                font-weight: 400;
                font-style: normal;
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
                line-height: 1;
                color: #ffffff;
                background: #000000;
                text-align: center;
            }
            a {
                color: #ffffff;
                text-decoration: none;
                opacity: 1;
                transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
            }

            a:hover {
                opacity: 0.7;
            }

            a:focus {
                opacity: 1;
                color: #ffffff;
            }
            h1 {
                font-size: 8rem;
                font-weight: 900;
            }

            h2 {
                font-size: 3rem;
                font-weight: 900;
                line-height: 0.5;
            }
            h3 {
                font-size: 2rem;
                font-weight: 900;
            }
            .bio {
                font-size: 22px;
                max-width: 800px;
                margin: 0 auto;
                line-height: 1.2em;
            }
            .responsive-image {
                width: 100%;
                height: auto;
                max-width: 400px;

                margin: 0 auto;
            }
            section {
                margin: 4rem 0;
            }
            .video-container {
                position: relative;
                width: 100%;
                height: 0;
                padding-bottom: 56.25%;
                overflow: hidden;
            }

            .video-container video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .video-placeholder {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-align: center;
                color: #6c757d;
                font-size: 1.2em;
            }
            .red {
                color: #ff0000;
                font-size: 1.2rem;
                padding-top: 3rem;
            }
            p {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                justify-content: center;
                text-align: center;
            }
            .darker {
                opacity: 0.6;
                font-size: 1rem;
            }
            span {
                white-space: nowrap;
            }
            @media (max-width: 600px) {
                h1 {
                    font-size: 4rem;
                }

                h2 {
                    font-size: 2rem;
                    font-weight: 600;
                    line-height: 0.5;
                }
                h3 {
                    font-size: 1.5rem;
                    font-weight: 600;
                }
            }
            .marquee-container {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 0;
                overflow: hidden;
                color: #fff;
                opacity: 0.2;
                font-size: 2rem;
                height: 50px;
                font-weight: 900;
                display: flex;
                align-items: center;
                pointer-events: none;
                justify-content: center;
            }

            .marquee {
                display: inline-block;
                white-space: nowrap;
                animation: marquee 60s linear infinite;
            }
            .marquee span {
                margin: 0 10rem;
            }

            @keyframes marquee {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(-50%);
                }
            }