body
{
	background-color:#000000;
}

.heading
{
	width:100%;
	height:50px;
	background-color:#282828;
	padding:10px;
	box-sizing:border-box;
	
}

.logo
{
	width:30%;
background-color:#000000;
	float:left;
	background-image:url("Logo.jfif");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;

}

.Banner
{
	width:70%;

	background-color:#222629;
	float:right;
	background-image:url("Mad.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;

}

.navbar
{
	width:30%;
	resize:both;
	background-color:#282828;
	float:left;

}

.content
{
	width:70%;
	resize:both;
	height:620px;
	background-color:#000000;
	float:right;

}

.text
{
	font-size:1vw;
	font-family:verdana,Arial,Helvertica,San-serif;
	color:#ffffff;
	text-align:justify;
	margin:1em;
	text-indent:2em;

}

h1
{
	font-size:20pt;
	font-family:verdana,Arial,Helvertica,San-serif;
	color:#66FCF1;
	text-align:center;
	margin:1em;
	text-indent:2em;
}

h2
{
font-size:20pt;
	font-family:verdana,Arial,Helvertica,San-serif;
	text-align:center;
	margin:1em;
	text-indent:2em;
}

h3
{
	font-family:verdana,helvetica;
	text-align:center;
}

/* unvisited link */
a:link {
  color: #ffffff;
text-decoration:none;
font-size:2vw;
	font-family: Verdana,Arial,Helvetica,San-serif;
}

/* visited link */
a:visited {
  color:#ffffff;
text-decoration:none;
font-size:2vw;
	font-family: Verdana,Arial,Helvetica,San-serif;
}

/* mouse over link */
a:hover {
  color:#4E4E4E;
text-decoration:none;
font-size:2vw;
	font-family: Verdana,Arial,Helvetica,San-serif;
}

/* selected link */
a:active {
  color: #ffffff;
text-decoration:none;
font-size:2vw;
	font-family: Verdana,Arial,Helvetica,San-serif;
}

{
div
{
        resize:both;
        overflow:auto;
}

img
{
        max-width:100%;
        max-height:100%;
        display:block;
        object-fit:cover;
}