MF2.- Rainy Night (post de rol)

<div class="MF2" style="background-image: url(https://i.pinimg.com/564x/b1/9c/36/b19c36feed2e6d961b1eaa3eb2e45779.jpg);"><div class="inMF2"><div class="ttMF2"><b>Título Aquí</b></div><div class="txtMF2"><div>Hora, día. Clima. Lugar. Con Nombre.</div>Biscuit caramels jujubes marzipan oat cake cookie bear claw dragée. Candy chocolate bar cheesecake dragée. Jelly beans chocolate topping pastry lemon drops caramels.

<i>Esto es italica</i>. Powder brownie fruitcake liquorice sugar plum lollipop oat cake. Pastry halvah cake toffee ice cream. Cookie dragée gummies. Carrot cake bonbon lemon drops.

Icing tiramisu icing biscuit cotton candy icing marshmallow dessert tootsie roll. Pie ice cream halvah jelly macaroon sweet donut. Biscuit biscuit cookie. Jelly donut chupa chups lollipop chocolate bar soufflé.

<b>Esto es texto en negrita. </b>Fruitcake jelly-o macaroon gingerbread jelly beans. Chocolate cake jelly-o topping. Jelly beans apple pie biscuit.

Gummies candy canes tart soufflé brownie bear claw jelly-o. Candy chocolate cupcake dessert sugar plum chupa chups halvah sweet apple pie. Bonbon candy canes pastry. Soufflé tiramisu apple pie cotton candy.

Powder brownie fruitcake liquorice sugar plum lollipop oat cake. Pastry halvah cake toffee ice cream. Cookie dragée gummies. Carrot cake bonbon lemon drops.

Icing tiramisu icing biscuit cotton candy icing marshmallow dessert tootsie roll. Pie ice cream halvah jelly macaroon sweet donut. Biscuit biscuit cookie. Jelly donut chupa chups lollipop chocolate bar soufflé.

Fruitcake jelly-o macaroon gingerbread jelly beans. Chocolate cake jelly-o topping. Jelly beans apple pie biscuit.</div></div></div><a class="miMF2" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>

<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"><style>.MF2, .MF2 * {box-sizing: border-box; scrollbar-color: #222 #111; scrollbar-width: thin;} @font-face {font-family: Sister Slimes; src: url(https://cdn.statically.io/gh/EmmesCodes/Tipografias/dccde691/Sister%20Slimes.ttf);} .MF2 {width: 400px; margin: auto; border: 1px solid; padding: 10px; box-shadow: inset 0 0 0 10px #1119; background-position: center; background-size: cover; color: #111;} .inMF2 {border: 1px solid; height: 500px; overflow: auto;} .ttMF2 {height: calc(100% - 100px); position: relative; border: 1px solid; margin: 50px; background-color: #1119; padding: 5px; background-clip: content-box;} .ttMF2 b {position: absolute; font: 25px Sister Slimes; color: #FFF; text-shadow: 1px 1px #222, -1px 1px #222, 1px -1px #222, -1px -1px #222; top: 50%; transform: translateY(-50%); text-align: center; left: 20px; right: 20px;} .ttMF2 b::before, .ttMF2 b::after {content: ""; position: absolute; left: 50%; border-left: 1px solid #FFF; height: 50px; box-shadow: 0 0 0 1px #111;} .ttMF2 b::before {bottom: 100%;} .ttMF2 b::after {top: 100%;} .txtMF2 {min-height: 300px; background: #111D; padding: 50px; color: #AAA; font: 12px Open Sans; text-align: justify; hyphens: auto;} .txtMF2 > div {text-align: right; opacity: .8; font-style: italic; margin: -10px -10px 30px;} .txtMF2 b {color: #DDD; letter-spacing: 1px;} .txtMF2 i {font: 14px/12px Sister Slimes; color: #DDD;} .miMF2 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMF2:hover {letter-spacing: 10px;} .MF2 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #111 !important;} .MF2 div::-webkit-scrollbar-thumb {background: #222 !important;}</style>