* {
	color: #2f3036;
	font-family: Bariol, sans-serif;
	margin: 0;
}
::selection {
	background: #f28157;
}

body {
	background: #f07345;
	background-image: url(http://ghk.h-cdn.co/assets/17/32/980x490/landscape-1502127624-stacked-stones.jpg);
	background-attachment: fixed;
	background-size: cover;
}
h1 {
	margin-bottom: 20%;
}
h2, h3, p, ul, ol {
	margin-bottom: 10%;
}

.posts {
	padding: 5% 0;
	margin: 0 40%;
	margin-top: 70%;
}
.post {
	border-radius: 20%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 15%;
	margin: 30%;
}
.content {
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 1.3em;
	padding: 15% 50%;
	border-radius: 15%;
}
.content h1 {
	color: #fff;
	background-color: rgba(0, 35, 255, 0.5);
	padding: 5% 20%;
	/*padding-left: 65%;*/
	border-radius: 10%;
	display: inline-block;
	position: relative;
	/*left: -65%;*/
}
@media screen and (max-width: 1600%) {
	.posts {
		margin: 0 200%;
		margin-top: 70%;
	}
}
input.MyButton {
width: 300%;
padding: 20%;
cursor: pointer;
font-weight: bold;
font-size: 150%;
background: #EF3908;
color: #fff;
border: 1% solid #FB0182;
border-radius: 10%;
}
input.MyButton:hover {
color: #ffff00;
background: #FB0182;
border: 2% solid #EF3908;
}