body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5f7fa;
	color: #333;
}

.main {
min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: 
		
		url("ban.jpg") no-repeat center center / cover;
}

.container {
	max-width: 900px;
	padding: 40px;
	text-align: center;
	
}

.logo img {
	max-width: 180px;
	margin-bottom: 20px;
}

h2 {
	font-size: 32px;
	margin-bottom: 10px;
	color: #000000;
}

h3 {
	font-size: 22px;
	color: #e63946;
	margin-bottom: 20px;
}

p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px;
    color: #000000;
}

/* Simple animation */
.scale-up-center {
	animation: scale-up 1s ease-in-out infinite alternate;
}

@keyframes scale-up {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.05);
	}
}
/* TOP BAR */
.top-bar {
	background: #000;
	color: #fff;
	padding: 10px 0;
	font-size: 14px;
}

.top-container {
	max-width: 1100px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

/* FOOTER */
.footer {
	background: #111;
	color: #ddd;
	padding: 30px 20px;
	text-align: center;
}

.footer h4 {
	color: #fff;
	margin-bottom: 10px;
}

.footer p {
	margin: 5px 0;
	font-size: 14px;
}

.footer .copyright {
	margin-top: 15px;
	font-size: 13px;
	color: #aaa;
}

/* MOBILE ADJUSTMENT */
@media (max-width: 600px) {
	.top-container {
		flex-direction: column;
		text-align: center;
		gap: 5px;
	}
}
.add{
    color: white;
}
.add a{
    color: white;
    text-decoration: none;
}
.top-container span a{
    color: white;
}