@font-face {
    font-family: 'friz_quadrataregular';
    src: url('../font/friz-quadrata-regular-webfont.woff2') format('woff2'),
         url('../font/friz-quadrata-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* CSS Reset for a consistent canvas */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Full screen black background using flexbox for centering */
body {
	background-color: #000000;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'friz_quadrataregular';
	overflow: hidden;
}

/* HTML5 Layout Container */
main {
	text-align: center;
	padding: 20px;
}

/* Modern, clean white typography */
h1 {
	color: #ffffff;
	font-size: clamp(2rem, 5vw, 4rem); /* Responsive font sizing */
	font-weight: 400;
	letter-spacing: 0.4rem;
	text-transform: uppercase;
	animation: fadeIn 1.2s ease-out forwards;
}

/* Subtle loading animation for a premium feel */
@keyframes fadeIn {
	from { 
		opacity: 0; 
		transform: scale(0.98); 
	}
	to { 
		opacity: 1; 
		transform: scale(1); 
	}
}
.content_middle h1{font-family: 'friz_quadrataregular';}
.content_middle{width: auto;background-color: #FFF;border-radius: 25px;padding: 30px;text-align: center;}
.content_middle img{width: 350px;height: 350px;padding: 15px;box-sizing: border-box;background-color: #f9f1e6;border-radius: 15px;border: 10px solid #24190e;}
.content_middle h1{font-family: 'friz_quadrataregular';color: #291b0e;font-size: clamp(2rem, 5vw, 4rem);font-weight: 700;letter-spacing: 0;text-transform: uppercase;margin-top: 15px;}




@media (max-width: 575px) {
    body {
        padding: 15px;
    }

    .content_middle {
        gap: 1.5rem;
    }

    .content_middle img {
        width: 100%;
        height: auto;
    }

    .content_middle h1 {
        letter-spacing: normal;
		font-size: 35px;
    }
}
@media (max-width: 370px) {
	.content_middle h1 {
        font-size: 30px;
    }
	.content_middle {padding: 20px;}

}