MH3.- Poison Ivy (post de rol)

<div class="MH3" style="background: #222723; color: #636d17; -webkit-text-fill-color: #93a86f;"><drop></drop><div class="imgMH3" style="background-image: url(https://i.imgur.com/XK98uuB.png);"><span class="sf sf-heart-2"></span></div><drop></drop><strong>Poison Ivy</strong><drop></drop><div class="txtMH3">Carrot cake tart pastry dragée cake bear claw brownie biscuit. Chocolate bar soufflé jelly candy toffee. Dragée cookie tart.

Chocolate cake bear claw lemon drops biscuit danish chocolate bar toffee tootsie roll. Caramels pudding jujubes fruitcake biscuit pudding cake apple pie macaroon. Cake pudding dragée oat cake pie chocolate cake pie pie sweet roll. Tootsie roll lollipop biscuit ice cream powder.

Toffee brownie powder tootsie roll. Dessert pudding marshmallow oat cake jelly-o marzipan. Jelly beans bonbon chocolate cake carrot cake. Macaroon chupa chups cookie soufflé muffin wafer.

Topping candy canes pie. Powder halvah bear claw carrot cake marzipan donut candy canes. Halvah topping cookie marshmallow jelly toffee.</div><drop></drop><div class="dataMH3">
<span class="sf sf-sand-clock-o"><b>Hora</b></span>
<span class="sf sf-earth-o"><b>Lugar</b></span>
<span class="sf sf-cloud-o"><b>Clima</b></span>
<span class="sf sf-chat-bubbles-o"><b>Privado</b></span>
</div><drop></drop></div><a class="miMH3" href="https://emmescodes.tumblr.com/" title="Code by Emme" style="color: #636d17;">Emme</a><link href="https://fonts.googleapis.com/css?family=Lato|Playfair+Display:400,700&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<style>.MH3, .MH3 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MH3 {width: 400px; padding: 10px 50px; margin: 10px auto; font: 12px Lato; text-align: center; position: relative; box-shadow: 0 0 10px #000, 0 0 0 5px #0009, 0 0 0 10px; border: 1px solid;} .imgMH3 {width: 110px; height: 110px; margin: auto; border-radius: 50%; background-position: center; background-size: cover; border: 1px solid; padding: 5px; background-clip: content-box; position: relative;} .imgMH3 > span {position: absolute; border: 1px solid; border-radius: 50%; left: calc(100% + 10px); width: 30px; line-height: 30px; height: 30px; transform: rotate(45deg); font-size: 10px;} .imgMH3 > span::before {transform: translate(-50%, -50%) rotate(-45deg); position: absolute; top: 50%; left: 50%;} .imgMH3 > span::after {content: ""; width: 12px; height: 7px; position: absolute; box-shadow: inset 0 0 0 10px; clip-path: polygon(0 0, 50% 100%, 100% 0); left: calc(50% - 6px); top: calc(100% - 1px);} .MH3 drop {display: block; height: 30px; margin: auto; border-left: 1px solid; position: relative; width: 1px;} .MH3 drop:first-of-type {height: 60px; margin-top: -20px;} .MH3 drop:last-of-type {height: 60px; margin-bottom: -20px;} .MH3 drop::before {content: ""; position: absolute; border-left: 3px solid; left: -2px; animation: drops 2s linear infinite; border-radius: 1px;} .MH3 drop:first-of-type:before, .MH3 drop:last-of-type:before {animation-duration: 5s;} @keyframes drops {0% {bottom: 100%;top: 0;} 80% {bottom: 0%;top: 60%;} 100% {bottom: 0%;top: 100%;}} .MH3 > strong {display: inline-block; font: 15px Playfair Display; letter-spacing: 2px; position: relative;} .txtMH3 {border-top: 1px solid; border-bottom: 1px solid; position: relative; padding: 20px; text-align: justify; hyphens: auto; max-height: 400px; overflow: auto;} .dataMH3 br {display: none;} .MH3 > strong::before, .MH3 > strong::after {content: ""; display: block; border-top: 1px solid; margin: 5px 10px;} .MH3 > strong:before {margin-top: 0;} .MH3 > strong:after {margin-bottom: 0;} .MH3 > strong + drop::before {animation-delay: 1s !important;} .dataMH3 {display: inline-block; border-top: 1px solid; border-bottom: 1px solid; padding: 10px 5px 5px;} .dataMH3 > span {display: inline-block; width: 50px; font-size: 15px; vertical-align: middle; position: relative; margin-bottom: 3px; line-height: 20px;} .dataMH3 > span:before {transition: .5s;} .dataMH3 > span:hover:before {opacity: 0;} .dataMH3 > span > b {position: absolute; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .5s; opacity: 0;} .dataMH3 > span:hover > b {opacity: 1;} .miMH3 {display: block; font: 10px lato; letter-spacing: 2px; text-align: center; transition: .5s;} .miMH3:hover {letter-spacing: 10px;} .MH3 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MH3 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>