h1{
	color:rgb(200,0,100);
	font-size:38px;
	text-align:center;
	font-family:Sans-serif;
	font-variant:small-caps;
}
p{
	color:black;
	font-size:20px;
	text-align:left;
	font-family:serif;
	text-indent: 8px;
}
h2{
	color:rgb(200,0,100,0.68);
	font-size:28px;
	text-align:left;
	font-family:Sans-serif;
	font-weight:600;
	font-variant:small-caps;
}
li{
	color:rgb(255,50,100,0.8);
	font-Size:18px;
	text-align:left;
	font-family:Sans-serif;
	font-weight:600
}
body{ 
	background-color:rgb(200,2,100,0.08)
}
a:link, a:visited{
	color: black;
	font-size: 20px;
	font-weight:600
}
img{
	max-width:188px;
}
.harry{ 
	color: purple;
	font-weight:600;
	font-variant: italic 	
}
.edward{
	color: black;
	font-style: italic;
}
.styles{
	color : purple;
	font-variant : small-caps;
	font-size:24px;
}

nav{
	background-color:rgb(200,0,100);
	padding:28px;
	
}


section{
	padding:38px;
}

nav a{
	padding: 8px;
	margin:28px;
	color:white;	
	
}
nav a:link, nav a:visited{
	color:white;
	text-decoration:none;
	font-weight: bold;
	font-size: 18px
}
footer{
	bottom:0px;
	margin-top:8px;
}
header{
	height:644px;
	background-image:url("slike/treat_people_with_kindness.jpg")
}

.activeharold{
	color: white !important;
	background-color: rgb(254,177,221) !important;
	text-decoration:overline !important;
	font-family: italic !important;
}

@media (max-width:1208px){
	nav a{ margin: 8 px;
		   padding:4px;
	}
	img, background-image,header{ max-width: 68%;
	     height: auto;
	}
}
@media (max-width:980px){
	nav a{ margin: 8 px;
		   padding:4px;
		    display:block;
		   text-align:center;
	}
	nav a:first-child{
	margin-top: 8 px
	}
	img, background-image,header{ max-width: 68%;
	     height: auto;
	}