html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.navbar-li:hover, .link-button:hover, .navbar-icon:hover {
    transform: translateY(-3px);
}

.navbar-li:hover {
    color: rgb(55, 65, 81);
}

.pr-12 {
    padding-right: 3rem;
}

@media (max-width: 640px) {
    ::-webkit-scrollbar {
        opacity: 0;
        width: 0;
        display: none;
        background-color: transparent;
    }
}