@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
body{
	padding: 0;
	margin: 0;
	background-color:white;
	width:100%;
}

#wrapper {
	position: relative;
	width:100%;
	margin: auto;
}
h1{
	font-size:200%;
	color:#DE1414;
	font-family: 'Bebas Neue', cursive;
	float:left;
}
h2{
	font-size:150%;
	
}

#HEADING {
	    background-color:#0B0B3B;
		width:99%;
		height: 80px;
		padding:5px;
}

.border{
	border-radius:5px;
}

#MAIN {
	background-color:white;
	margin-top:90px;
	width: 90%;
	padding: 5px;
    margin-left:auto;
    margin-right:auto;
}

p{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	padding-left:20%;
    padding-right:20%;
}

.smaller-image{
	width:70%;
	height:500px;
	padding:auto;
	margin-left:15%;
	margin-right:15%;
	margin-top:30px;
}

.smaller-image2{
	width:70%;
	height:500px;
	padding:auto;
    margin-left:15%;
    margin-right:15%;
	margin-top:50px;
}

.border3{
	border-color: black;
	border-width:2px;
	border-style:solid;
	border-radius:none;
}

#FOOTER {
		background-color:#0B0B3B;
		color: white;
		width: 99%;
		height: 200px;
		padding: 5px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;	
	}


li {
	display:inline-block;
	float:right;
}
li a {
	text-decoration:none;
	color:white;
	font-family: 'Bebas Neue', cursive;
	font-size:25px;
	padding: 20px;
}





.link::after{
	content:'';
	display:block;
	width: 0;
	height:2px;
	background-color:#DE1414;
	transition:width .3s;
}

.link:hover::after{
	width:100%;
	transition:width .3s;
}
.iframe-container{
	position:rlative;
	width:70%;
	height:500px;
	margin-left:15%;
	margin-right:15%;
	
}
.border2{
	border-color: black;
	border-width:2px;
	border-style:solid;
	border-radius:30px;
}
.video1{
	width:100%;
	height:500px;
	margin-left:15px;
	margin-right:15px;
}
li2 {
	display:inline-block;
	float:left;
}
li2 a {
	text-decoration:none;
	color:white;
	font-family: 'Bebas Neue', cursive;
	font-size:30px;
	padding: 35px;
}