*{
	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;
	
}

.head{
	text-align: center;

	text-shadow: -5px 10px 10px #2A2437;
}
/*NAV*/
.nav{
	display: flex;
	flex-direction: row;
	justify-content: center; 	
}

.navlink {
	padding:10px;
	margin:10px;
	max-width:150px;
	font-size: 18px;
	
	background-color:#0a2e38;
	border-radius:5px;
	border:1px solid #db6980;
	box-shadow: -4px 8px 10px #2A2437;

}


.navlink:hover{
  color:#a63562;
  background-color:#0A243B;
}

button {
  padding:10px;
	margin:10px;
	max-width:150px;
	font-size: 18px;
	color: #db6980;
	
	background-color:#0a2e38;
	border-radius:5px;
	border:1px solid #db6980;
	box-shadow: -4px 8px 10px #2A2437;
  
}
/*END NAV*/
.post{
	max-width: 60%;
	padding: 10px;
	margin:20px;
		
	background-color: #0a2e38;
	border-radius: 5px;
	box-shadow: -5px 10px 10px #2A2437;

	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*MICROBLOG*/

.micropost{
  max-width:40%;
  height:10%;
  padding: 10px;
	margin:20px;
	background-color: #0a2e38;
	border-radius: 5px;
	box-shadow: -5px 10px 10px #2A2437;
	
	
	display: block;
	margin-right: auto;
	margin-left: auto;
	
}

/*RANDOM CLASSES*/
.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*RANDOM CLASSES*/