*{
	box-sizing: border-box;
}

html{
	background-color: #f0f4f5;
	background-image: url(/media/layout/bg.jpg); background-repeat: repeat; background-size: 200px;
	font-family: Verdana, sans-serif;
}

h2{
	color: #db6980;
	text-align: left;
}

h3{
  color: #db6980;
	text-align: left;
	font-size:18px;
	font-weight:normal;
}

p{
	color: #f0f4f5;
	text-align: left;
}

a{
	text-decoration: none;
	color: #db6980;
	font-size: 18px;
	
}
li{
 list-style:none;
 color: #f0f4f5;
}

.head{
	text-align: center;
	margin:20px;

	text-shadow: -5px 10px 10px #2A2437;

	max-width: 90%;
	padding:20px 0px 20px 0px;

	background-color: #0a2e38;
	border-radius: 6px;
}
/*HEADER*/

.container{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 95%;
	
}

.blog-area{
	width: 80%;
}
.post{

	margin:20px;
	padding: 10px;
	background-color: #0a2e38;
	border-radius: 5px;
	box-shadow: -5px 10px 10px #2A2437;
	
}


.sidebar-right{
	width: 20%;
	height: 550px;
	margin:20px;
	padding: 5px 5px 15px 5px;
	
	background-color: #f0f4f5;
	box-shadow: -5px 10px 10px #2A2437;
	border-radius: 4px;
	float: left;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.sidelink{
	margin:10px 0px;
	padding: 10px 10px;
	border-radius: 4px;
}
.sidelink:hover {
background-color: #d7dfe0;
}
/*RANDOM CLASSES*/
.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*RANDOM CLASSES*/