MM090.- Luna Roja (post de rol)

<div class="MM090" style="background-image: url(https://i.pinimg.com/564x/b8/bd/33/b8bd33964e7e2877f77aad9d39fb8317.jpg);"><div>

<b>Luna Roja</b>
<i>
<b><i class="cp cp-clock"></i> Hora, día.</b>
<b><i class="cp cp-location"></i> Lugar.</b>
<b><i class="cp cp-cloud"></i> Clima.</b>
</i>

<div class="MM090-con"><div>Tiramisu carrot cake chocolate gingerbread wafer. Powder liquorice bonbon soufflé topping candy canes chupa chups topping. Candy jelly beans apple pie soufflé gummi bears pudding. Tiramisu tootsie roll candy canes ice cream ice cream pastry. Lollipop shortbread wafer tootsie roll croissant liquorice oat cake. Biscuit cheesecake tootsie roll tart candy jelly sugar plum brownie jujubes. Caramels sesame snaps sweet roll caramels candy canes shortbread. Cake gummies cake marshmallow danish. Sweet sweet gummi bears gummies cupcake. Chupa chups lollipop sweet biscuit chocolate bar.

[b]Chupa chups jelly cupcake gummies topping jelly beans cookie.[/b] Apple pie oat cake muffin sweet cake sesame snaps macaroon pudding. Bonbon marzipan pudding apple pie fruitcake toffee cheesecake chocolate.

Cookie soufflé jelly beans tiramisu toffee toffee pie donut. Ice cream sesame snaps tootsie roll lemon drops lemon drops lemon drops marshmallow. Gummies jelly topping shortbread marzipan.

Donut jelly beans wafer gummi bears fruitcake cupcake soufflé. Shortbread bonbon sweet candy chocolate. Topping danish apple pie gummi bears lollipop gummi bears.

Sweet halvah sweet roll cake jelly-o. Halvah liquorice chocolate danish liquorice pudding bear claw chupa chups tootsie roll. Lemon drops bonbon chocolate cake biscuit cheesecake chocolate cake tootsie roll. Gingerbread cookie ice cream gummies oat cake danish. Topping shortbread cookie brownie gingerbread lollipop donut. Halvah pastry croissant carrot cake candy soufflé ice cream halvah wafer.</div></div>

<i><b><i class="cp cp-crown"></i> con Nombre Apellido.</b></i>

</div></div><a href="https://emmescodes.tumblr.com/" class="miMM"style="color: #a6001f;">emme</a><link href="https://fonts.googleapis.com/css2?family=Joan&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM090, .MM090 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM090 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM090 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM090 input, .MM090 br { display: none; } .MM090 { --m1: #222; --m2: #111; --m3: #e1e1e1; --m4: #a6001f; width: 550px; margin: auto; min-height: 100px; background-position: center; background-size: cover; border-top: 15px solid; border-bottom: 15px solid; color: var(--m1); font: 10px Lato; outline: 1px solid var(--m2); box-shadow: inset 0 -1px var(--m2), inset 0 1px var(--m2); text-shadow: -1px -1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), 1px 1px var(--m2); padding: 0 20px; position: relative; } .MM090 > div { border-left: 1px solid var(--m2); border-right: 1px solid var(--m2); display: flex; align-items: center; justify-content: center; padding: 60px 30px; flex-direction: column; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); position: relative; z-index: 1; color: var(--m3); } .MM090-con label > div::before, .MM090 > div::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--m1); opacity: .6; z-index: -1; } .MM090 > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM090 > div > b::before { content: ""; width: 50px; height: 50px; border-radius: 100px; color: var(--m4); z-index: -1; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); animation: moon 4s linear infinite; transform: rotate(45deg); } @keyframes moon { 0% { border-top: 49px solid; border-bottom: 1px solid; } 50% { border-top: 1px solid; border-bottom: 1px solid; } 100% { border-top: 1px solid; border-bottom: 49px solid; } } .MM090 > div > i { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); text-transform: uppercase; font: bold 10px Lato; position: relative; margin-top: 15px; padding: 5px; display: flex; } .MM090 > div > i > b { border: 1px solid var(--m2); background: var(--m1); padding: 5px 7px; letter-spacing: 2px; font-size: 8px; display: flex; align-items: center; } .MM090 > div > i > b ~ b { margin-left: 5px; } .MM090 > div > i > b i { color: var(--m4); margin-right: 10px; font-size: 12px; } .MM090-con { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); width: 100%; margin: 15px 15px 0; padding: 5px; position: relative; } .MM090 > div > i::before, .MM090-con::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--m4); } .MM090-con > div { background: var(--m1); outline: 1px solid var(--m2); font-size: 12px; text-align: justify; hyphens: auto; margin: 1px; border: 40px solid transparent; max-height: 500px; overflow: auto; } .MM090-con > div br { display: block; margin-top: 5px; } .MM090-con > div::first-letter { font: 46px Joan; float: left; margin: 6px 8px 0 0; color: var(--m4); } .MM090-con strong { color: var(--m4); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; } </style>