article,aside,section,header,footer,body,html{box-sizing:border-box; margin:0x; padding:0px;}
html,body{
	height:100%; 
	width:100%; 
	font-family:tahoma, verdana,sans-serif; 
}
p.accente{
	background-color:rgba(0,55,255,0.9);
	color:white;
	font-weight:bold;
	box-sizing:border-box;
	width:80%;
	padding:20px 40px;
}
img.big-icon{
	height:95px;
	width:auto;
}
button,input, select, label{
	width:100%; 
	max-width:500px;
}
textarea{
	width:100%; 
	max-width:500px; 
	height:600px;
}
form{
	display:flex; 
	flex-direction:column;
}

a#logo{
	color:rgba(39,1,100,0.6);
	font-family:'Courier New', monospace;
	font-size:35px;
	text-decoration:none;
	padding:20px;
}
a#logo:hover{
	color:rgba(39,1,100,0.6);
}
aside nav{
	display:flex;
	flex-direction:column;
	padding:10px;
}
aside nav a{
	font-size:15px;
	padding:20px 10px;
	color: rgba(2,2,2,0.9);
	text-decoration:none;
}
aside nav a:hover{
	color: rgba(2,2,2,0.9);
	text-decoration:underline;
}

h1,h2,h3,h4{
	line-height:1;
	font-size:20px;
	font-weight:normal; 
	font-style:italic;
	padding:15px 0px 10px 0px;
	margin:10px 0px 10px 0px;

}
p{
	line-height:1.7;
	margin:10px;
	
}
a.image-link{
border-radius:5px;
  margin:0px 7px 7px 0px;
  height:180px;
  width:150px;
  background-color:rgba(10,10,10,0.2);
  color:darkRed;
  font-weight:bold;
  padding:17px;
  text-decoration:none;
  

}
aside,section{
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	padding:20px;
} 
nav.content-navigation{
  max-width:100%;
  overflow:scroll;
  display:flex;
  flex-direction:row;
}
div.blog-post{
	display:block;
	padding:40px 0px 45px 0px;
}

div.blog-post p{
	white-space: pre-wrap;
}
div.blog-post h2,
div.blog-post h3,
div.blog-post h4,
div.blog-post h5{
	font-size:15px;
	color:rgba(130,0,12,0.5);
	font-style:normal;
	font-weight:normal;
}
div.blog-post h2{
	font-size:22px;
	color:rgba(130,10,22,0.9);
	font-weight:bold;
}
div.blog-post h3{
	font-style:italic;
	font-size:14px;
	margin:0px;
	margin-bottom:45px;
	padding:0px;
}
div.blog-post h4{
	font-weight:bold;
	font-size:14px;
	margin:0px;
	margin-top:50px;
	padding:0px;
}

footer{
	padding:40px 20px 20px 20px;
	color:rgba(39,1,100,0.6);
}
footer p{
	color:rgba(39,1,100,0.6);
}
footer a{
	color:rgba(39,1,100,0.6);
}
footer a:hover{
	color:rgba(39,1,100,0.6);
}

div.hidden{
	display:block;
	visibility: hidden;
}

@media screen and (min-width: 980px) {
	header{
		padding:10px 20px 20px 20px:
	}
	article{
		display:flex; 
		flex-direction:row; 
		gap:50px; 
		align-items: flex-start;
	}
	aside{
		width:25%; 
		max-width:960px; 
		padding:20px;  
		gap:0px;
	} 
	section{
		width:75%; 
		max-width:960px; 
		padding:20px; 
		gap:0px;
	}
		
	footer{
		padding:40px 20px 20px 20px;
	}

		form{
		width:100%; 
		max-width:1500px; 
	}
}