Spaces:

MoShow
/

sonic-bloom-fest

Running

Create a music festival landing page with artist/band lineup, stage schedule, venue map, ticket options with early bird pricing, photo gallery from previous years, camping information, FAQ, and buy tickets button.

36a4617 verified 9 months ago

Raw History Blame Contribute Delete

772 Bytes

/* Custom styles that can't be done with Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111827;
}

::-webkit-scrollbar-thumb {
    background: #f59e0b;
    border-radius: 4px;
}

/* Animation for the hero section */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.hero-title {
    animation: pulse 4s infinite;
}

/* FAQ content transition */
#faq div > div {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

	/* Custom styles that can't be done with Tailwind */
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

	body {
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;
	}

	/* Custom scrollbar */
	::-webkit-scrollbar {
	width: 8px;
	}

	::-webkit-scrollbar-track {
	background: #111827;
	}

	::-webkit-scrollbar-thumb {
	background: #f59e0b;
	border-radius: 4px;
	}

	/* Animation for the hero section */
	@keyframes pulse {
	0%, 100% {
	transform: scale(1);
	}
	50% {
	transform: scale(1.05);
	}
	}

	.hero-title {
	animation: pulse 4s infinite;
	}

	/* FAQ content transition */
	#faq div > div {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	}