@import url("modules/header.css");
@import url("modules/hero.css");
@import url("modules/bio.css");
@import url("modules/cards.css");
@import url("modules/videos.css");
@import url("modules/streams.css");
@import url("modules/contacts.css");
@import url("modules/gigs.css");
@import url("modules/merch.css");
@import url("modules/newsletter.css");
@import url("modules/footer.css");

/* Adobe Fonts */
@import url("https://use.typekit.net/orq0mya.css");

/* NORMALIZE / SETUP */
:root {
	/* DEFAULT FONT */
	font-family: "rooney-web", serif;
	font-weight: 400;
	font-style: normal;

	/* 
	BODY FONT

	font-family: niveau-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;	
	
	*/

	/* COLORS */
	--main-color: #77ab3f;
	--secondary-color: #1a1a1a;
	--redish: #953f2f;
	--text-color: #f2f2f2;

	/* 
	
	the Redish Brown: #953f2f
	the Green: #77ab3f
	the Dark Grey: #504158
	the Whitish: #f2f2f2 

	*/
}
html {
	overscroll-behavior: none;
	overflow-x: hidden;
}
.hidden {
	opacity: 0 !important;
	visibility: hidden !important;
}
body {
	margin: 0;
	box-sizing: border-box;
	background-color: black;
	color: white;
	overflow-x: hidden;
}
* {
	text-decoration: none;
	list-style: none;
}
img {
	object-fit: contain;
}

/* ANIMATIONS */
@keyframes nav-color {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes rotate-grow-translate-1 {
	0% {
		transform: rotate(-0.6deg) scale(1) translateX(-2px);
	}
	50% {
		transform: rotate(1deg) scale(1.04) translateX(2px);
	}
	100% {
		transform: rotate(-0.6deg) scale(1) translateX(-2px);
	}
}

@keyframes rotate-grow-translate-2 {
	0% {
		transform: rotate(0.7deg) scale(1) translateX(2px);
	}
	50% {
		transform: rotate(-0.7deg) scale(0.95) translateX(-2px);
	}
	100% {
		transform: rotate(0.7deg) scale(1) translateX(2px);
	}
}
@keyframes rotate-grow-translate-3 {
	0% {
		transform: rotate(2deg) scale(1) translateX(2px);
	}
	50% {
		transform: rotate(-3deg) scale(0.93) translateX(-2px);
	}
	100% {
		transform: rotate(2deg) scale(1) translateX(2px);
	}
}

/* FOOTER */
footer a {
	color: #e9054a;
	text-decoration: unset;
	text-decoration: none;
}
footer a:hover {
	color: white;
}