@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Italiana&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/* Hide scrollbar for Chrome, Safari, and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge, and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

img[src=""] {
    display: none;
}

/* Cover Invitation */
#cover-modal {
    transition: transform 0.7s ease-in-out;
}

.animasi {
    transform: translateY(-100%);
}

#main-content {
    /* opacity: 0; */
    transition: opacity 0.7s ease-in-out;
}

.transisi {
    opacity: 1;
}

/* Music Player  */
@keyframes spin {
    from { 
        transform: rotate(0deg); 
    }
    to { 
        transform: rotate(360deg); 
    }
}

.spin {
    animation: spin 2s linear infinite;
    will-change: transform;
}

.stop-spin {
    animation: none;
}