::-webkit-scrollbar {
    display: none;
}

html {
    scroll-behavior: smooth;
}

.clip-slant {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.clip-slant-reverse {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
}

#mobile-menu:not(.hidden) {
    animation: slideDown 0.2s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#contact-modal:not(.hidden) {
    animation: fadeIn 0.2s ease-out;
}

#contact-modal:not(.hidden) .contact-modal-panel {
    animation: slideUp 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}