      transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .navbutton:hover {
            background-color: var(--secondary-color);
            border: 2px solid var(--secondary-color);

        }

        .nav-links {
            margin-left: auto;
            margin-right: 5px;
            display: flex;
            align-items: center