MM030.- Watercolor 2.0 (multi)

<div class="MM030" style="background-image: url(https://i.pinimg.com/564x/a0/02/ec/a002ecf76d890f66110569b427fa2ebc.jpg);"><div class="MM030-in">

<div class="MM030-tt"><span class="th th-bagel-o"></span><b>Watercolor 2.0</b></div>

<div class="MM030-img" style="background-image: url(https://i.postimg.cc/k5kvQLn2/salmon.jpg);"></div>

<div class="MM030-txt"><span class="MM030-dd"><b>Edad</b><b>Ocupación</b><b>Nacionalidad</b></span>

<div>Cake tiramisu chocolate sweet gingerbread lollipop chocolate carrot cake liquorice. Sesame snaps halvah donut. Soufflé donut caramels donut icing. Cookie topping jelly beans icing candy apple pie liquorice liquorice muffin.

Sugar plum sugar plum gingerbread dragée apple pie sweet roll gummies sugar plum biscuit. Ice cream marshmallow ice cream muffin ice cream. Lemon drops lollipop chupa chups. Cheesecake dragée bonbon sweet roll.

Donut jelly beans chocolate fruitcake dessert. Marshmallow marshmallow lemon drops danish dessert. Cake cookie sugar plum macaroon.

Tart oat cake biscuit chocolate bar. Candy sweet roll fruitcake topping tiramisu jelly beans cake jelly-o. Chocolate cake gummi bears ice cream caramels.</div></div>

<a class="miMM030" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a></div></div><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM030, .MM030 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; } .MM030 { --mm-01: #e69168; --mm-02: #fff6f3; width: 400px; margin: auto; background-position: center; background-size: cover; border: 1px solid var(--mm-01); text-align: center; font: 10px Montserrat; color: #555; } .MM030-in { background: var(--mm-02); margin: 30px -31px 30px 30px; border: 1px dotted var(--mm-01); } .MM030 b, .MM030 a { color: var(--mm-01); } .MM030-tt { display: flex; border-bottom: 1px dotted; color: var(--mm-01); align-items: center; } .MM030-tt > span { font-size: 16px; padding: 10px; border-right: 1px dotted; box-shadow: inset 0 0 0 50px; -webkit-text-fill-color: var(--mm-02); } .MM030-tt > b { margin: 0 10px 0 auto; font-size: 12px; letter-spacing: 1px; } .MM030-img { margin: 10px; border: 1px dotted var(--mm-01); height: 120px; background-position: center; background-size: cover; padding: 5px; background-clip: content-box; } .MM030-txt { border-top: 1px dotted var(--mm-01); padding: 11px; } .MM030-txt > div { outline: 1px dotted var(--mm-01); border: 20px solid transparent; text-align: justify; max-height: 250px; overflow: auto; } .MM030-dd { border: 1px dotted var(--mm-01); margin: -1px -1px 0; display: flex; border-bottom: none; } .MM030-dd > b { flex-grow: 1; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; padding: 3px; } .MM030-dd > b ~ b { border-left: 1px dotted var(--mm-01); } .MM030 br { display: none; } .MM030-txt > div br { display: block; } .MM030-txt > div br + br { margin: 5px; } .MM030 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM030 div::-webkit-scrollbar-thumb { background: var(--mm-01) !important; } .miMM030 { text-transform: uppercase; font-weight: bold; letter-spacing: 10px; font-size: 8px; padding: 3px 0 3px 10px; display: block; border-top: 1px dotted var(--mm-01); } .miMM030:hover { letter-spacing: 11px; } </style>