@font-face {
	font-family: 'VeryDamaged'; /* Choose a name for your font */
	src: url('Very\ Damaged.ttf') format('woff2');
	font-weight: normal;
	font-style: normal;
}

#home {
	background-image: url('banner.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 560px;
}

[alt='Header Icon'] {
	max-width: 40px;
}

body {
	/* font-family: 'Inter', sans-serif; */
	font-family: 'VeryDamaged', sans-serif;
	background-color: #0a0a0a; /* Very dark grey, almost black */
	color: #e0e0e0; /* Light grey text */
}
/* Custom darker grey for sections and cards */
.bg-dark-1 {
	/* For header, footer, projects, videos sections */
	background-color: #0d0d0d;
}
.bg-dark-2 {
	/* For hero, social media, contact sections, project cards */
	background-color: #1a1a1a;
}
/* More vibrant red */
.text-red-custom {
	color: #ff0000; /* Pure red */
}
.bg-red-custom {
	background-color: #ff0000;
}
.border-red-custom {
	border-color: #ff0000;
}
.hover\:bg-red-darker:hover {
	background-color: #cc0000; /* Darker red for hover */
}
/* Adjusted text colors for better contrast on new dark backgrounds */
.text-light-grey {
	color: #e0e0e0;
}
.text-medium-grey {
	color: #b0b0b0;
}
.text-dark-grey {
	color: #a0a0a0;
}
.border-dark-grey {
	border-color: #2a2a2a; /* Dark grey border */
}

.carousel-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	height: 0;
	overflow: hidden;
	background-color: #000;
	border-radius: 0.75rem; /* rounded-lg */
}
.carousel-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.75rem; /* rounded-lg */
}
.social-icon {
	transition: transform 0.2s ease-in-out;
}
.social-icon:hover {
	transform: scale(1.1);
	color: #ff0000; /* Pure red on hover */
}

.readable {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
		Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
		sans-serif;
}

.pageCounter {
	background-color: #000;
	position: fixed;
	bottom: 0px;
	left: 0px;
}