nav {
    font-family: 'Encode Sans';
    src: url(EncodeSans-VariableFont_wdth,wght.ttf);
font-weight:100;
font-size: 1.5rem; 
line-height: 1.2; 
color: white;
justify-content: center;
opacity:0.8;
}
 
        @font-face {
           font-family: 'Encode Sans';
            src: url('EncodeSans-VariableFont_wdth,wght.ttf'); /* Upewnij sie, ze sciezka do pliku czcionki jest poprawna */
        }


        body {
            background: linear-gradient(-45deg, #000044, #283762, #001F45, #000032);
            background-size: 900% 900%;
            animation: gradient 5s ease infinite;
            margin: 0; /* Usuniecie domyslnych margines?w */

        }

        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        html {
            letter-spacing: 0.03em;
        }

        .right-menu {
            position: absolute;
            top: 4vh; /* Zmniejszona wysokosc menu */
            right: -50vmin; /* Ukryte poza ekranem */
            height: auto; /* Ustawienia wysokosci */
            width: 22vmin;
            background: #000032;
            transition: right 0.5s ease;
            margin: 2vh auto;
            z-index: 11;
	padding-top: 5vh;
        }

        .right-menu ul {
            list-style: none;
            text-align: left;
            padding: 0;
        }

        .right-menu li {
            margin: 2vh auto; /* Zmniejszenie marginesu */
        }

        .right-menu ul li a {
            font-family: 'Encode Sans', sans-serif; /* Ustawienie fontu */
            font-weight: 100;
            font-size: 1rem;
            margin-left: 1rem;
            color: white;
            text-decoration: none; /* Usuniecie podkreslenia */
        }

        .right-menu ul li a:hover {
            color: orange;
        }

        #nav-icon {
            position: fixed;
            opacity: 0.8;
            top: 2vmin;
            right: 4vmin; /* Przesuniecie ikony poza menu */
            cursor: pointer;
            z-index: 12; /* Wyzszy z-index niz menu */
        }

        #nav-icon span {
            font-size: 4vmin;
            color: white;
        }

        /* Klasa pokazujaca menu */
        .right-menu.active {
            right: 0;
        }

 
        @media (max-width: 600px) {
            #nav-icon span {
                font-size: 5vw;
line-height:1.2;
            }

            .right-menu {
                width: 25vh;
line-height:1.2;
            }

            .right-menu ul li a {
                font-size: 1.0rem;
	line-height:1.2;
            }

#nav-icon {
scale:1.0;
}