​<script src="//pull.cappuccicons.com/cpf.js"></script><div id="caja-todo"><div style="background-image: url('https://via.placeholder.com/600x350'); width:600px; height: 350px;border: 20px solid #f7e5db;transform: rotateZ(-5deg);"><div id="alto-rasgada"><div id="texto-altorasgada">Hola, soy un titulo ¡Hello!</div></div></div><div id="textito-rasgada"><div id="subtitulo"> Hola soy un subtitulo<i class="cp cp-flower-alt" style="font-size: 50px; color: #bf0202"></i></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc. Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.

[b]Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. [/b]Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. [i]Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien[/i]. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.

Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.

Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.

Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.</div></i><div id="superbajo-rasgada"><div id="texto-superbajo">Personaje 1 <div style="font-family: Meddon; text-align: right; margin: 1px 29px;">&</div> Personaje 2</div></div><div id="bajo-rasgada"><div id="texto-bajorasgada">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget.</div></div><i class="cp cp-rose" style="font-size: 50px;position: absolute;margin: 36px 13px; z-index: 99; color: #efbfbf;"></i></div>





<style>#caja-todo{height: 1100px;width: 600px; margin: 100px auto 0;margin-top: 300px;} #bajo-rasgada {background-image: url(https://i.ibb.co/gRn0CrF/titulo-tablilla-rasgada.png);width: 450px;height: 300px;position: absolute;z-index: 60;margin: 0 -60px;transform: rotateZ(20deg);}#texto-bajorasgada {position: absolute; margin: 73px 141px; width: 200px;height: 178px; font-family: Nothing you could do; font-size: 20px;color: #e8a7a0;overflow: auto;} #alto-rasgada {background-image: url(https://i.ibb.co/ydfhBXz/titulo-tablilla-rasgada.png);width: 650px;height: 400px;position: absolute;margin: -300px auto;transform: rotateZ(5deg);}#texto-altorasgada {position: absolute;margin: 136px 90px;font-family: Lovers Quarrel; font-size: 70px; color: #eca2a2;line-height: 60px;}#textito-rasgada {color:#505050;background: #cad2d5;padding: 25px;margin: -30px 60px;text-align: justify;width: 500px;padding-top: 50px; height: 400px; overflow: auto;border-right: 10px solid #f7e5db; border-left: 10px solid #f7e5db;background-image: url(https://i.ibb.co/tQyvtRz/v430-adj-03-acrylictexture-2.jpg);}#superbajo-rasgada {background-image: url(https://i.ibb.co/4464TXJ/superbajo-titulo-rasgada.png);width: 521px;height: 342px;margin: 0px 140px;z-index: 10;position: absolute;}#texto-superbajo {position: absolute;margin: 141px 211px;width: 235px; transform: rotateZ(4deg); font-family: 'Nothing You Could Do'; font-size: 30px;color: #eebebe;}#textito-rasgada::-webkit-scrollbar {width: 10px; background-color: #ffd8cd;}#textito-rasgada::-webkit-scrollbar-thumb {background: #efbfbf !important;height: 20px !important; }#texto-bajorasgada::-webkit-scrollbar {width: 10px; background-color: #ffd8cd;}#texto-bajorasgada::-webkit-scrollbar-thumb {background: #efbfbf !important;height: 20px !important; }#textito-rasgada strong{font-family: Nothing you could do; font-size: 20px;color: #e8a7a0;}#textito-rasgada i{font-family: Nothing you could do;font-size: 20px;color: #bf0202;font-style: normal; font-weight: 600;} #subtitulo {text-align: right;font-family: Nothing you could do;font-size: 20px;color: #bf0202;font-style: normal; font-weight: 600;}
</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Lovers+Quarrel&family=Meddon&family=Nothing+You+Could+Do&display=swap" rel="stylesheet">