/* =========================
   NAVBAR
========================= */

        nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
            padding: 22px 6%;

            display: flex;
            justify-content: space-between;
            align-items: center;

            background: #080808;

            z-index: 20;
        }

        .logo {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            white-space: nowrap;
        }

        .links {
            display: flex;
            align-items: center;
            gap: 28px;
            height: 30px;
        }

        .links>a,
        .dropbtn {
            color: #aaa;
            font-size: 14px;
            transition: .25s;
            white-space: nowrap;
        }

        .links>a:hover,
        .dropbtn:hover {
            color: #fff;
        }