body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(to bottom right, rgb(216, 214, 213), rgb(255, 255, 255), rgb(48, 47, 47)) repeat-x;
            color: black;
            font-weight: 600;
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .header {
            border:#000000 2px solid;
            margin: 0 auto;
            padding: 0 auto;
        }

        #brand {
            margin: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        #sub-header {
            margin: 0;
        }

        #slogan {
            margin-bottom: 30px;
            font-size: 1.25rem;
        }

        #logo {
            background-color: red
        }

        h1 {
            color: #000000;
            letter-spacing: 2px;
            font-size: 3rem;;
        }

        .media-container {
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        img {
            max-width: 100%;
            width: 650px;
            border-radius: 8px;
        }

        video {
            max-width: 100%;
            width: 700px;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
        }