memeloving | article

<link href="https://fonts.googleapis.com/css2?family=Karla&display=swap" rel="stylesheet">
<style>
.body{
	margin: auto;
    width: 550px;
    padding: 20px;
    background: url(https://images.unsplash.com/photo-1498671546682-94a232c26d17?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8bWFyaWp1YW5hfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&w=1000&q=80)center;
    border: 1px solid rgba(0,0,0,0.2);
    font-family: 'Karla';
    background-size:cover;
    background-color: #416043;
  background-blend-mode: multiply;
  border-radius: 10px;
}
h2{
	margin:0px;
    padding-bottom: 10px;
    text-align: center;
    color: #eee;
    border-bottom: 5px solid #eee;
    text-shadow: 1px 1px 10px #fff
}
.eed{
	text-align: justify;
    font-size: 15px;
    color: #eee;
    text-shadow: 1px 1px 5px #000
}
details{
	display: flex
}
summary{
	border: 1px solid rgba(0,0,0,0.2);
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    color: #000;
}
.person{
	display: block;
	border: 1px solid rgba(0,0,0,0.2);
	overflow: auto;
	padding: 10px;
	background: #fff;
	height: 160px;
	width: 100px;
	color: #000;
  text-align: center;
  	margin: auto;
    margin-bottom: 10px
}
b, i{
	text-shadow: 1px 1px 10px #fff
}
</style>
<div class="body">
<h2>memeloving </h2>
<div class="eed">
<img src="https://i.kym-cdn.com/entries/icons/original/000/026/256/shaggy.jpg" style="height: 100px; width: 100px; object-fit: cover; float: left; margin-right: 10px; border-radius: 50%"><p>Lorem ipsum dolor sit amet, tale eius deleniti his id, his no aeque sonet. An duo semper offendit, te impedit fierent sea. Fabulas invidunt volutpat cu vis, ei facete accusam . Mel homero eleifend antiopam no, qui no hinc persius. Ut has recusabo invenire, et veri magna per, alii urbanitas ea sit. Has ei nonumy facete.
<details><summary>current users of 2021</summary>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
</details>
<details><summary>current users of other years</summary>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
<div class="person">
<img src="https://i.imgur.com/oYK9FhF.gif" style="height: 100px; width: 100px; margin: auto; object-fit: cover; margin-bottom: 10px;">your name
</div>
</details>
<p>Usu quis graeco te, ei labores impedit albucius ius. Nibh possit facilisis duo an, pri cu adhuc dicunt. <i>Ea nominavi eligendi adversarium mei, duo nisl quodsi eu, te vim ipsum eloquentiam. Audire appareat no has, vix augue quaestio theophrastus ne. Sed no nonumy maluisset, sea vidit debet an, nisl epicurei torquatos duo ne.</i>

<p>His no suas scriptorem definitionem, cu dicat constituam vel. Mei integre oportere ea, ad novum iuvaret. Labitur abhorreant interesset an qui. At quis luptatum mea, vix vocent alienum nominati id. Mei dico justo no. Saepe meliore dissentiunt ex his, iusto omnesque definitionem te quo.

<p><b>Ut est percipitur reprehendunt. Pro eros reprimique ut. Has et hinc essent perpetua. Ius aperiri dolorem pertinax ut, sit at etiam meliore.</b>

<p>Pri ne altera vidisse, alii legendos sed ut. Ei malis minim legimus , porro utroque scribentur eu eos, nec quot movet at. Cu dolor persius explicari vis, periculis consequat id usu, an vis mutat saepe electram. Cu tincidunt scribentur concludaturque. Dicit legere urbanitas et eam, posse latine te nec, affert facilisis vis an. Volumus vivendum sea ei, eu fabellas lobortis est. Id pro iusto atomorum, timeam laboramus eu vix, eum quot veritus et.
</div>
<div style="margin: auto; font-size: 15px;text-align: center;"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #eee;" target="_blank"> Coded by Finch</a></div>
</div>