* {
	box-sizing: border-box;
	}
	 div, span, h1, h2, h3, h4, h5, h6, p, a{
	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

	:root {
	--code-color: #073470;
	--a-link: white;
	--a-visited: pink;
	--a-hover: red;
	--a-active: yellow;
	
	
	}
	
	
	span {color:red;}
	a:link    {color:var(--a-link); text-decoration:none}
	a:visited {color:var(--a-visited); text-decoration:none}
	a:hover   {color:var(--a-hover); text-decoration:underline}
	a:active  {color:var(--a-active); text-decoration:underline}
	
		div{
			
			padding: 10px;
			border: 1px solid #222;
		}
		header h4{font-size:18px;
		text-shadow: 2px 2px 6px grey;
		}
		header {
			
			margin-top: 22px;
		}
		#header{
		margin-top: 5px;
		padding-bottom: 25px;
		z-index:10;
		position: fixed;
		width: 97%;
		height: 80px;
		background-color: rgb(150, 90, 90);
		
		}
		.toolbar {

			height: 100px;
			background-color: rgb(10, 6, 6);
		}
		#header {
			height: 60px;
		}

		#header > h1, h2, h3 {text-shadow: 2px 2px 6px grey;}
		
		

#header>h3 {font-size: 20px;}
#header>h1 {
font-size: 28px;
font-family:Lucida Sans Unicode;
		
}
.titl {
	margin: 0px;
	padding: 2px;
	background-color:rgb(150, 90, 90);

}
.titl p { font-size: 14px;}

		#main{
		position:relative;
		top:0;
		height:100%;
		width:100%;
		background-color: #eee;
		
			
		
		}
		#footer{
		    margin-top: 10px;
			height: 70px;
			width: 100%;
			background-color:rgb(4, 0, 39);
		}
		 p {font-size: 16px;}
		
		 h2 {font-size:1.5rem ;}
		
		 h3 {font-size:1.2rem;}
		
		#footer p{
		font-size: 13px;
		}
		.article > p{
		
		color: red;
		}
		
		
		.content {
		display: flex;
		color: #fff;
		flex-direction: column;
		padding: 0;
		margin-top: 110px;
		font-family: verdana, arial, sans-serif;
		}
		
		.toolbar{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height:80px;
		background-color:rgb(4, 0, 39);
		}

		.toolbar a{
		color: #eee;
		display: inline-block;
		padding-right: 0.7em;
		padding-left:0.7em;
		text-decoration: none;
		font-family: Verdana;
		font-size:14px;
		}
		.toolbar a:hover{
		background-color: red;
		color: #f4f4f4;
		}
		
	
		.item1 {background-color: #455a64; flex-basis: auto; width:auto;}
		.item2 {background-color: #607d8b; flex-basis: auto; width:auto;}
		
		@media screen and (min-width: 810px) {
		
		.content {
		flex-direction: row;
		justify-content: space-between;
		color:rgba(40, 12, 66, 0.74);
		}
		
		.item1 {background-color: DarkKhaki; flex-grow:2;}
		.item2 {background-color: rgb(42, 100, 42); flex-grow:1;}
		.content a:link    {color:Darkred; text-decoration:none}
		.content a:visited {color:rgb(21, 39, 39); text-decoration:none}
	}