@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Just+Another+Hand&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Nothing+You+Could+Do&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&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;
}