body  {
	
	
	text-align:center;
}

#content {
	
	
	
	width:80%;
	margin:auto;
}

#header  {
	
	width:90%;
	height:250px;

	margin:auto;

	
	
}


#header h1 {
	
	
	
	font-size:50px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#512b9c;
	text-shadow: 2px 2px 4px rgba(31,53,32,0.52);
	
	}


.top-menu {
	
	
	
	color:red;
	font-size:25px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:700;
	
}

li {
    float:left; 
}

#header a:link
{
    color: blue;
    text-decoration: underline;
}

#header a:visited
{
    color: blue;
    font-style: italic;
}

#header a:hover
{
    color: red;
    text-decoration: underline;
}

#header a:active
{
     color: blue;
    text-decoration: underline;
}

p {
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	text-align:left;
	
}

.box {
	
	display:flexbox;
	flex-direction:row;
	flex-wrap:wrap;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	
	
}

.item {
	
	
	
	width:200px;
	margin:5px 5px 5px 5px;
	background-color:yellow;
}