* {box-sizing: border-box;}

body { 
	margin: 0;
	font-family: Wotfard, san-serf;
	font-weight:400;
	height: auto;
	color: #152129;
	background-color: black;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width:96%;
	padding: 0 1em 1em 1em;
}

#stickyHead {
	background: url("") no-repeat;
	height: 13vw;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	margin: 0 0.5em 0.5em 0.5em;
	z-index: 100;
	cursor:pointer;
 	}
#header {
	font-size:8vw;
	text-shadow: .3vw .3vw white;
	padding: 0 2vw 0 2vw;
	display: flex; justify-content: space-between; align-items: center;
	}
#message { 
	text-align: center; 
	background: black;
	font-family:Wotfard,san-serf; 
	font-size:5vw; 
	text-shadow:.3vw .3vw white;
}

#container {
	display: flex;
	flex-direction: column;
}

#container > div {
}

#ad {
	flex-wrap:wrap;
	justify-content:space-around;
}
.content {
	display: flex;
	flex-flow: row;
	height: 300px;
	width: 100%;
	margin: 0.5em;
	border-radius: 0.6em;
	background-color: LightGray;/*#FFFFFF;*/
}
.content > img {
	width: 45%;/* of class content */
	height: 100%;
	cursor:pointer;
	border-radius: 0.6em 0 0 0.6em;
}
.content > div {
	position: relative;
	width: 65%;/* of class content */
	display: flex;
	cursor:pointer;
}
.content > div > .title {
	position: absolute;
	top: 0;
	width: 100%;/* of class content div */
	padding-left: 1em;
	cursor:pointer;
}
.content div .events {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-evenly;
	width: 100%;/* of class content div */
}	
.content .events input {
	height: 11vw;
	width: 11vw;
	border-radius: 2em; 
	box-shadow: 4px 4px 2px black;	
	border: 2px solid black;/**/
	margin-right: 1vw;
}
.content .events .dislikes {
	cursor:pointer;
	border: none;
	transform: rotate(-6deg);
}
.content .events .whatsapp {
	cursor:pointer;
	border: none;
	padding: .5em;
}
.content .events .likes {
	cursor:pointer;
	border: none;
	transform: rotate(6deg);
}

.content .events .counter {
	font-family: cursive, "Brush Script MT";
	font-size:2.1vw;
	vertical-align: top;}
	
.essay {margin: 1vh 0 0 0;}
.name {margin: 1vh 0 0 0; font-family: cursive;}

.banner {
	background-size:cover;
	height:4vh;
	width: 4vh;
	margin: 0 2em 0 0;
	cursor:pointer;
	border-radius: .8em;
	text-align:center;
}