/* start van de hele pagina indeling*/

/*  Google Fonts: Poor Story. Designer: Yoon Design (Principal design)*/
@import url('https://fonts.googleapis.com/css2?family=Poor+Story&display=swap');

html{
	font-size:62.5%; 
	font-family: 'Poor Story', cursive;
	}
h1{
	font-size:36px;
	font-size:3.6rem;
	font-family: 'Poor Story', cursive;
	padding: 20px;
}
h2{
	font-size:34px;
	font-size:3.4rem;
	font-family: 'Poor Story', cursive;
	color:#e2566d; /*fel rose*/	
}

h3{
	font-size:26px;
	font-size:2.6rem;
	font-family: 'Poor Story', cursive;
	color:#e2566d; /*fel rose*/	
}

p{
	font-size: 20px;
	font-size: 2.0rem;
	font-family: 'Poor Story', cursive;
}
@media all and (min-width 980px){
	html{font-size:80%;}
}
@media all and (min-width 1260px){
	html{font-size:100%;}
} 

body{
	font-family: 'Poor Story', cursive;
	Background-color: #33383a;/*heel donker grijs voor achtergrond*/
	color:  #d3d8da;/* licht grijs voor tekst*/
}

/* inhoud van de header boven elke pagina*/
header{
	background-color:#4f575a;/*donker grijs-groen voor achtergrond*/
	height: 174px;
	max-width: 900px;
	margin: 0 auto 0 auto;	
}
.merkuitleg{
	text-align: right;
	color: #d3d8da;/* licht grijs voor tekst*/
}
.uitleg{ 
	padding: 0 10px 5px 0;
}	
.logo{
	float: left;
	margin-right: 10px;
	padding: 10px 10px 5px 40px;
} 
	
/* inhoud van de navigatie standaard voor hele site*/
nav {	
	background-color: #33383a;/*heel donker grijs voor achtergrond*/
	max-width: 900px;
	margin: 0 auto 0px auto;
}		
ul {
	list-style-type: none;
	overflow: hidden;
	display: flex;
}
li a {
	font-size: 24px;
	font-family: 'Poor Story', cursive;
	color: #e2566d; /*fel rose*/ 
	display: block;
	text-decoration: none;
	padding: 0 20px;
}
li a:link { color: #88d317; /*groen voor opvallen*/
}
li a:visited { color: #88d317; /*groen voor opvallen*/
}
li a:hover { color:  #d3d8da;/* licht grijs voor tekst*/	
}
	
/* inhoud van de main */	
main{
	color: #d3d8da;/* licht grijs voor tekst*/
	background-color:#4f575a;/*donker grijs-groen voor achtergrond*/
	padding: 10px;	
	max-width: 880px;
	margin: 0 auto 0 auto;
}	
.startpaginas{	/*article homepage*/
		text-align: center;
		padding: 0;
		margin: 0 auto 0 auto;
}
.right{		/*sidebar*/
	color: #d3d8da;/* licht grijs voor tekst*/
	margin: 0 auto 0 auto;
}
.wisselfoto{
	text-align: center;
	border: dotted 3px #88d317; /*groen voor opvallen*/	
	max-width: 200px;
}
.onderpakje{
	float: right;
	padding: 5px;
}
a {
	text-decoration: none
}

/* inhoud van de footer */
footer{	
	font-size: 18px;
	font-family: 'Poor Story', cursive;
	color: #d3d8da;/* licht grijs voor tekst*/
	Background-color: #33383a;/*heel donker grijs voor achtergrond*/
	max-width: 900px;
	margin: 0 auto 0 auto;
}
.zoekwoorden{
	color:#33383a;/*heel donker grijs voor hidden text achtergrond*/	
}