.footer {
            background: #191c1f;
            color: white;
            padding: 40px;
            width: 90%;
            max-width: 1000px;
            display: flex;
            flex-direction: column;
            margin-top: 4em;
        }

        .footer-top {
            display: flex;
            justify-content: space-between;
            text-transform: uppercase;
            font-size: 14px;
            margin-bottom: 40px;
        }

        .footer-top div {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .footer-top a {
            text-decoration: none;
            color: #b0b0b0;
            transition: color 0.2s ease-in-out;
        }

        .footer-top a:hover {
            color: white;
        }

        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .footer-bottom .name {
            font-size: 80px;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 0.9;
            letter-spacing: -2px;
        }

        .footer-bottom .meta {
            display: flex;
            flex-direction: column;
            font-size: 12px;
            text-transform: uppercase;
            color: #b0b0b0;
        }

        .footer-bottom .meta a {
            text-decoration: none;
            color: white;
            font-size: 10px;
            padding: 5px 10px;
            border: 1px solid white;
            text-transform: uppercase;
            align-self: flex-end;
        }

        .footer-bottom .meta a:hover {
            background: white;
            color: #191c1f;
        }

        @media (max-width: 768px) {
            .footer-bottom {
                flex-direction: column;
                align-items: flex-start;
            }

            .footer-bottom .name {
                font-size: 50px;
            }

            .footer-top {
                flex-direction: column;
                gap: 20px;
            }
        }