MJ1.- Cute Particles (post de rol)

<div class="MJ1" style="color: #e2967c;"><div class="imgMJ1"><div style="background-image: url(https://i.postimg.cc/28QcjKpT/02.jpg);">asdasd</div></div><div class="ddMJ1"><div><strong><b>Título Aquí</b></strong></div>
<span>Lugar</span>
<span>Clima</span>
<span>Libre/Privado</span>
</div><div class="txtMJ1"><div><div style="background-image: url(https://i.postimg.cc/mgTdPyB4/01.jpg);"></div><span>Tiramisu gummi bears candy canes lollipop jelly-o macaroon powder pastry tart. Cotton candy halvah cupcake halvah macaroon pastry. Cupcake chocolate donut cotton candy.

Apple pie brownie donut croissant pudding cookie lollipop fruitcake caramels. Bear claw muffin donut chocolate bar croissant muffin sugar plum. Pastry marzipan sweet biscuit halvah marshmallow sweet topping. Topping chocolate bar sweet roll gummies cake sugar plum halvah soufflé.

Cake muffin marshmallow tootsie roll cake tootsie roll jelly-o candy. Pastry candy canes bear claw apple pie bonbon sugar plum jelly beans. Marzipan chocolate brownie lemon drops dessert.

Halvah chocolate cake lemon drops pudding candy caramels candy canes. Bonbon chocolate bar bonbon cupcake. Chocolate fruitcake cake carrot cake cotton candy.

Pie jelly beans pudding cake apple pie cake. Brownie jelly beans icing chocolate bonbon. Candy halvah wafer carrot cake oat cake.</span></div></div></div><a class="miMJ1" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>

<link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:300,400,800&display=swap" rel="stylesheet"><style>.MJ1, .MJ1 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} @font-face {font-family: HW Icons; src: url(https://cdn.statically.io/gh/EmmesCodes/Tipografias/0ae07c71/HW-Icons.otf);} .MJ1 {width: 450px; margin: auto; font: 12px Lato; text-align: center;} .ddMJ1 > br {display: none;} .imgMJ1, .ddMJ1 > *, .txtMJ1 {background-color: #222; background-image: url(http://www.pngall.com/wp-content/uploads/2017/11/Particles-PNG.png); background-size: cover; position: relative; padding: 20px;} .imgMJ1 > div:before, .imgMJ1 > div:after {content: ""; position: absolute; box-shadow: inset 0 0 0 200px; z-index: 5; top: -10px; bottom: -10px; left: -10px; right: -10px; -webkit-mask-image: url(https://i.postimg.cc/k4GF2dqw/500.png);} .imgMJ1 > div:before {-webkit-mask-position: bottom right;} .imgMJ1 > div:after {-webkit-mask-position: top left;} .imgMJ1 > div, .txtMJ1 > div > div {background-color: #111; background-position: center; background-size: cover;} .imgMJ1 > div {height: 120px; position: relative;} .imgMJ1::before, .imgMJ1::after, .txtMJ1 > div > div::after, .txtMJ1:after {z-index: 10; position: absolute; font: 50px HW Icons; text-shadow: 2px 2px 2px #000;} .imgMJ1::before {content: "k"; left: 7px; top: -11px;} .imgMJ1::after {content: "b"; bottom: -9px; right: 0;} .ddMJ1 {position: relative; padding-left: 70%;} .ddMJ1 > span {display: block; padding: 5px; margin-top: 10px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px;} .ddMJ1 > div {position: absolute; left: 0; top: 0; bottom: 0; right: calc(30% + 10px);} .ddMJ1 > div > strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;} .ddMJ1 > div > strong > b {font: 18px Montserrat; color: #CCC; text-transform: uppercase; letter-spacing: 2px;} .ddMJ1 > div > strong:before, .ddMJ1 > div > strong:after {font: 30px/10px HW Icons; content: "M"; display: inline-block; vertical-align: middle; margin: -5px 5px 0 2px;} .ddMJ1 > div > strong:before {transform: rotateY(180deg);} .txtMJ1 {margin-top: 10px; padding: 50px; position: relative;} .txtMJ1 > div {text-align: justify; max-height: 300px; overflow: auto; padding-right: 5px;} .txtMJ1 > div > span {color: #CCC;} .txtMJ1 > div > div {float: left; width: 80px; height: 80px; margin: 13px 15px 10px; border-radius: 50%; position: relative; shape-outside: margin-box;} .txtMJ1 > div > div::before {content: ""; -webkit-mask-image: url(https://i.postimg.cc/qM4qwxCH/700.png); box-shadow: inset 0 0 0 100px; -webkit-mask-size: 100% 100%; top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute;} .txtMJ1 > div > div::after {content: "s"; top: -15px; left: -5px; font-size: 40px;} .txtMJ1::after {content: "E"; right: 15px; bottom: 15px; font-size: 70px;} .miMJ1 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMJ1:hover {letter-spacing: 10px;} .MJ1 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MJ1 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>