html{
	height:-webkit-fill-available;
}


   body{
	font-family:Areal, Times, Sans-serif;
	background-color:green:
	background-image:url("Sr Ctz Emblem.jpg")
	display:flex;
	fles-direction:column;
	max-width:1440px;
	height:100vh;
	height:-webkit-fill-available;
}
p{
padding:10px;
}
 
header{
	width:80%;
	background-color:pink;
	color:black;
	margin-left:auto;
	margin-right:auto;
	
	padding:10px;
	overflow:hidden;
}
    h1{
	line-height:5px;
	font-size:1.2em;
	color:black;
}   	
hgroup{
	width:80%;
	float:left;
	margin-right:12px;
	text-align:center;
	letter-space;3px;
}

hgroup h1{
	font-size:2em;
	color:black;
}
hgroup h2{
	font-size:1.2em;
	color:black;
}

img{
	width:12%;
	float:right;
	margin-top:0;
	margin-right:8px;
	margin-left:10px;
	border-width:3px;
	border-style:solid;
	border-color:blue;
	border-radius:10px;
}

li a:hover{
	background-color:brown;
	color:white;
	
	
}

nav li a.active{
	background-color:blue;
	color:white;
	
	border-radius:10px;
}


nav ul{
	list-style-type:none;
}
nav li{
	float:left;
	margin-right:10px;
}

	.div-img{
					justify-content:center;
					align-items:center;
					display:flex;
					padding-top;10%
			}

			section img{
					transition:transform .2s;
					width:125px;
					height:400px;
					margin:0 auto;
					background-color:rgb(173, 173, 237);
					border-radius:10px;
					border:2px solid black;
			}

			section img:hover{
					transform:scale(2.5);
			}


section{
	width:80%;
	background-color:white;
	color:black;
	margin-left:auto;
	margin-right:auto;
	border-width:5px;
	border-style:double;
	border-color:pink;
	padding:5px;
}

hr{
	border-width:0;
}

article h3{
	color:black;
	font-size:1em;
	color:red;
}
article img{
	width:90%;
	float:right;
	margin-right:10px;
	margin-left:20px;
	border-width:10px;
	border-style:double;
	border-color:blue;
}











 footer{
	width:80%;
	background-color:pink;
	color:black;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}