@import url('inline-font1_1.900&display=swap');

        :root {
            --primary: #12e6f3;
        }

        strong {
            color: #38a3d2;
        }

        html {
            background: url(inline-font1_2.jpg) no-repeat center top fixed;
            background-size: cover
        }

        body {
            font-family: "Work Sans", sans-serif;
            margin: 2rem auto;
            max-width: 1140px;
            background: #181818;
            border-radius: 1rem;
            padding: 3rem 3rem 2rem;
            box-sizing: border-box
        }

        /* New header styles */
        .top-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 60px;
            width: 100%;
            padding: 0 0px;
            background-color: #191919;
        }

        .top-header .logo {
            display: flex;
            align-items: center;
        }

        .top-header .logo img {
            height: 32px;
        }

        .top-header nav {
            display: flex;
            gap: 20px;
        }

        .top-header nav a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        header {
            text-transform: uppercase;
            font-family: "Oswald", sans-serif;
            background: var(--primary);
            color: #fff;
            font-weight: 700;
            font-size: 43px;
            letter-spacing: -1px;
            padding: 5px 9px 8px;
            display: inherit;
            border-radius: 3px;
            margin: 0 auto;
            width: max-content;
            line-height: 1
        }

        form#search-form {
            background: #292929;
            position: relative;
            border-radius: 2rem;
            display: flex;
            padding: 8px;
            justify-content: space-between
        }

        span.filter-btn.btn.btn-sm {
            border-radius: 50rem;
            background: #0f0f0f;
            padding: .3rem .8rem;
            font-size: 10.8px;
            color: #888
        }

        input.form-control.search-input {
            background: none;
            border: none;
            color: var(--primary);
            text-align: center;
            flex-grow: 1;
            outline: none
        }

        form button {
            background: none;
            border: none;
            color: var(--primary)
        }

        p.btn-primary.px-5 {
            background: var(--primary);
            max-width: max-content;
            margin: 25px auto 40px;
            padding: 10px 40px;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 500;
            color: #0f0f0f;
            cursor: pointer
        }

        p.btn-primary.px-5:hover {
            opacity: .9
        }

        article {
            color: #888;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5
        }

        h2,
        h3 {
            color: #c3c3c3
        }

        h1 {
            text-align: center;
            color: #ff0;
            font-size: 24px;
            font-weight: 500
        }

        article img {
            max-width: 100%;
            margin: auto;
            height: auto;
            display: flex
        }

        @media only screen and (max-width: 600px) {
            body {
                margin: 0;
                padding: 1rem
            }
        }

        .watch-link, .watch-link:link, .watch-link:visited, .watch-link:hover, .watch-link:active {
            text-decoration: none;
            color: inherit;
        }

        footer {
            background-color: #181818;
            color: #888;
            text-align: center;
            padding: 20px 0;
            margin-top: 20px;
            border-top: 1px solid #333;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 10px;
        }

        .footer-links a {
            color: #888;
            text-decoration: none;
            font-size: 14px;
        }

        .footer-links a:hover {
            color: var(--primary);
        }