body {
	background-color: #f3f3f3;
	font-family: "Anek Malayalam", sans-serif;
	font-weight: 300;
	font-size: 10pt;
    height: auto;
    margin: auto;
    padding: 10px;
    position: relative;
}

img {
	margin-left: auto;
	margin-right: auto;
}

p {
	font-weight: 500;
	font-size: 12pt;

	animation-name: brighten;
	animation-duration: 2s;
}

h1, .header1 {
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-variation-settings: "slnt" 0;
	font-size: largest;
	color: red;

	animation-name: brighten;
	animation-duration: 2s;
}

#flyer {
	width: 820px;
	height: 462px;

	animation-name: brighten;
	animation-duration: 6s;
}

@keyframes brighten {
	0%	{ opacity: 0%; }
	20%	{ opacity: 0%; }
	100%{ opacity: 100%; }
}

#header {
}

#footer {
	margin-top: 50px;
	border-top: 1px gray;
	text-align: center;
}

#content {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 820px;
	text-align: center;
}

.text {
	text-align: left;
	width: 740px;
	margin: 40px;
}