#contactModal {
    animation: contactFadeIn 0.3s ease forwards;
}

#contactBox {
    animation: contactSlideUp 0.35s ease forwards;
}

@keyframes contactFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes contactSlideUp {
    from {
        opacity: 0;
        transform: translateY(25px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

#contactModal.hidden {
    display: none;
}

#contactBox::-webkit-scrollbar {
    width: 5px;
}

#contactBox::-webkit-scrollbar-track {
    background: transparent;
}

#contactBox::-webkit-scrollbar-thumb {
    background: #0b4637;
    border-radius: 10px;
}

@media (max-width: 640px) {

    #contactModal {
        padding: 12px;
    }

    #contactBox {
        max-height: 94vh;
        border-radius: 18px;
    }

}