@media (min-width:801px){

	body{
		background-color:lightskyblue;
		
		
		
		
	
}
#main_div{

	width:100vw;
	height:100vh;


}
.header, .cat{
	text-align:center;
}

}

@media (max-width:800px){

	body{
		background-color:yellow;

}
#main_div{

        width:100vw;
	height:100vh;


}
}




html{
	font-size:16px;
	
}
body{
	
	position:relative;
	
}

hamburger{

	z-index: 2;

}
.cat{
	/*border-style:solid;*/
	border-color:white;
	border-radius:0.2em;
	border-width:0.2em;
}
.border{
/*margin-left:5em;*/
/*display:none;*/
}
#main_div{
position:absolute;
top:-20px;
left:-20x;
/*width:821px;*/
color:white;
z-index:-1;

}
.content{
	font-size:120%;
}
.mail_link, .mail_link:visited{
border-style: solid;
border-color: black;
border-width: 0.1rem;
border-radius: 0.2rem;

background-color:inherit;
color:black;

}