body  {
	
	
	text-align:center;
}

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

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


	
	
}


#header h1 {
	
	
	
	font-size:4em;
	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:1.5em;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:700;
	
}





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

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

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

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

#header h2 {
	
	
	
	font-size:30px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#512b9c;

}

p {
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;

	
}

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

a:visited
{
    color: blue;
    font-style: underline;
}

a:hover
{
    color: #2fe6ed;
    text-decoration: underline;
}

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

#if {
	
	
	
	border-top:0;
	border-right:0;
}




.dog {
	
	
	
	
	width:200px;
	height:200px;
	background-color:red;
	display:block;
}


.box {
	
	display:inline-flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;

	
}

.item {

	width:250px;
	height:150px;
	margin:5px 5px 5px 5px;

}


.article {
	
	width:75%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:thin black solid;
	padding-left:10px;
	padding-right:10px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	
	
}

.article p {
	
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	text-align:left;
	
	
}

.pic {
	margin-right:auto;
	margin-left:auto;
	border:thin black solid;

}