matthew 16:9 | article

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<style>
.easter{
	background: #8DCF9B;
	width: 600px;
	margin: auto;
	font-family: 'Montserrat';
    border-radius: 10px
}
h2{
	font-family: 'Staatliches';
	padding-right: 20px;
	text-shadow: 1px 1px 3px #000;
	color: #fff;
  text-align: right
}
.header{
	-webkit-mask-image: url(https://i.postimg.cc/FRxnDMTB/oop.png);
	background: url(http://www.dankmemes.co/content/uploads/images/January2014/this-is-how-phobias-begin.jpg)center;
	display: flex;
	justify-content: flex-end;
    	align-items: flex-end;
    height: 200px;
	-webkit-mask-size: 100% 100%;
}
.text{
	padding: 10px 20px 20px 20px;
	text-align: justify;
	font-size: 14px;
	color: #fff
}
.eggs{
	text-align: center;
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	padding-top: -10px
}
ul {
	padding-right:45px;
	list-style:none;
    margin-top: 0px
}
.material-icons{
	margin-right: 10px;
	position: relative;
  	bottom:-7px
}
 b {
	text-transform: uppercase
}
</style>
<div class="easter">
<div class="header">
<h2>pluck your eyes out</h2>
</div>
<div class="text">
Lorem ipsum dolor sit amet, at commodo gloriatur mel. Case definitionem eu est, illum viderer urbanitas id. Quo ei probo solum noster, facete recusabo quaestio an est. At mea saperet persecuti, ea augue affert dignissim pro, eum lorem dictas vivendum ad.

<p>Eam simul indoctum sadipscing eu, ad duo omnes albucius. An sit fabellas adipisci. His et illud imperdiet interesset, lobortis iudicabit appellantur id, atomorum delicata necessitatibus ne est. Ne mei debitis habemus moderatius, eligendi contentiones sed et. Debet sanctus ea mea.

<p>Vel ei atqui admodum epicurei. Ea mel quodsi copiosae persecuti. Ludus propriae patrioque pro eu, ne sit ferri vocibus senserit, vis cibo facilisis philosophia ei. Volumus interesset no has, sea omnis audire intellegat cu.
<div class="eggs">
<ul>
<li><span class="material-icons">play_arrow</span>you'll never find all of the eggs batman<li>
<li><span class="material-icons">play_arrow</span>each one is meticulously hidden<li>
<li><span class="material-icons">play_arrow</span>so your first clue is:<li>
<li><span class="material-icons">play_arrow</span><b> you</b><li>
<li><span class="material-icons">play_arrow</span><b>first achievement:</b> egg<li>
</ul>
<center><img src="https://pics.me.me/cursed-easter-46210568.png" style=" border-radius: 50%; object-fit: cover; height: 100px; width: 100px">
<p><b>the easter bunny</b>
</center>
</div>
<div style="text-align: center; margin-top: 10px;">
<a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #fff; font-size: 10px;" target="_blank">CODED BY FINCH</a></div>
</div>
</div>