/*
	

main  {max-width: 1500px;}
section { 
	max-width: 1000px;
	margin: 0 auto;
	outline:  2px solid black;
	 }
#list ul li {
list-style: disc;
paddling : 20 px ;
}
h2{
font-size:1.5em
font-weight:700
color:#555
padding: 30px 0px 10px 0px;
}



	*/
main  {max-width: 1500px;}
section { 
	max-width: 1000px;
	margin: 0 auto;
	outline:  2px solid black;
	 }
ol, ul { list-style:decimal;
padding:20px:
}
h1,h2,h3,h4,h5,h6{font-size:1.5em;
font-weight:700;
color:#555;
padding:30px 0px 10px 0px;
}
p,li {line-height:1.2em;
margin:7px 0 3px 0;}
header{background: orange;}
article{background:silver;}
article li{background:lightgreen;}
h1 {color:gold;
background:black;
text-align:center;
font-size:3em;}
h2{background:yellow;
padding-left:35px;}
#type ol li span{
background:rebeccapurple ;
font-color:white;}
#universal  span{background:red;}
article p {font-weight:bold;}
body{padding:10px 25px;
background:pink;}
h2,p,ol {margin-left:15px;}
header li{display:inline-block;}

html *{outline:1px solid blue;
box-sizing:border-box;} 
#universal * {background:silver;}
header nav ul li a{ text-decoration: none;
color:white;
background:red;
margin:10px;
padding:10px 20px;
display:inline-block;}

header nav ul li a:hover{color:green;}
article li:nth-child(odd){background:lightblue;}
@media all and (max-width: 600px) {
	main {max-width 600px;}
	header nav{display:block; vertical-align:middle;}
	
 }