@charset "UTF-8";
p,h1,h2,h3,blockquote{
	
	margin:0;
	padding:0;
}

h1,h2,h3{
	font-weigth: normal;
	display: flex;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}
	


*{box-sizing:border-box;}

/****Basic Page Settings****/
body{
	color: aquamarine;
	background-color: darkmagenta;
	

}
nav{ font-size: 20px;
	  padding:10px}


img {
	background-color: aqua;
	-webkit-box-shadow: 57px 39px #3F3D4B;
	box-shadow: 57px 39px #3F3D4B;
	display:flex;
	width:100%;
}

header img {
	flex-wrap: wrap;
	width:100%
 	
}
	
#navbar{
	list-style: none;
	float:left;
}

#navbar li a {
	display: block;
	color: antiquewhite;
	font-weight: bold;
	text-decoration:none;
}
ul#navbar li a:hover{
	color: aquamarine;
	background-color: antiquewhite;
}

.container{
	position:relative;
	display:flex;


	
}

.container1 .container2 .container3{
 	position: relative;
	display:flex;
	flex-wrap:wrap;
}

#top {
	
	background-color: blueviolet;
	padding: 100px;	
	display:flex;
	
	

}

#top h2 {
	font-size: 40px;
	justify-content: center;
	float: left;
	flex-wrap: wrap;
	padding: 36px;
	
	
}

#top h3{ font-size: 25px;
	padding-bottom: 25px;

}

#top p{font-size: 23px;
	
}
 h3{
	
	font-size: 20px;
	
	list-style-type: none;
	text-align: center;
	
}

#bottom article{
	float: left
}

#middle{
	
	background-color:violet;
	padding: 100px;
	font-size: 20px;
	display: flex;
flex-wrap: wrap-reverse;
		
}

#middle h2   {
	font-size: 40px;
	
	
	flex-wrap: wrap;
	padding: 36px;
	justify-content: center;
} 

#middle h3{
	font-size: 36px;
	
	flex-wrap: wrap;
	
}
	



#middle ul li{
	list-style: none;
	padding: 30px;
	flex-wrap: wrap-reverse;
	
}
#middle ul{
	
	display:inline;
	
	
}

#middle p{
	
	font-size: 25px;
}
	

#middle a{ 
 color:aqua;
text-decoration: none;

	
}
#middle a :link{
	color:antiquewhite;
}
 #middle a:visited{
	color:antiquewhite;
}

 #middle a:hover{
	color:antiquewhite;
}
 #middle a:active{
	color: antiquewhite;
}





#bottom{ 
	
	background-color: cadetblue;
	padding: 100px;
	font-size: 20px;
	display: flex;
	position: relative;
flex-wrap: wrap-reverse;
	
	
}


#bottom h2  {
	font-size: 40px;
	
	flex-wrap: wrap;
	padding: 36px;
}


#bottom p{
	
	justify-content: center;
	font-size: 25px;
}

#bottom ul li { 
	
	list-style: none;
	align-content: center;
	float:right;
	padding: 30px;
	flex-wrap: wrap-reverse;
	
}
#bottom ul{ 
	display:inline;
	
}

#bottom a{ 
 color:aqua;
text-decoration: none;

	
}
#bottom a :link{
	color:antiquewhite;
}
 #bottom a:visited{
	color:antiquewhite;
}

 #bottom a:hover{
	color:antiquewhite;
}
 #bottom a:active{
	color: antiquewhite;
}




footer{
	display:flex;
	justify-content: center;
	padding: 36px;
	
}
#topP2 {
	float:right;	
	
}


.row p{
	display:flex;
	display:block;
}
.row a  {
	font-size: 36px;	
    
	position: relative;
	text-decoration: none;
	padding: 10px;
	right: 87px;
	color: antiquewhite
	
	
}

a{
	display:flex;
}
.row p{ 
	justify-content:center;
	
	
}