bibbidi-bobbidi-boo - búsqueda

<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">

<div class="boo1"><div class="boo2"><div class="boo4">Título por aquí</div><div class="boo5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque turpis nec sem convallis ultrices. <i>In ultricies urna dolor, vestibulum tempor mauris rhoncus vel.</i> Fusce ac mi sollicitudin, pharetra tellus at, finibus lacus. Nulla facilisi.

Quisque imperdiet ac massa nec elementum. Pellentesque a fringilla lorem.

<b>Donec quis enim id sapien auctor mattis.</b> Phasellus est sapien, vehicula eget lobortis at, malesuada vitae ipsum. Suspendisse accumsan neque quis magna gravida, sed blandit diam consequat.

Aenean facilisis auctor mauris nec lacinia. </div><div class="boo4">+ info</div><div class="boo5"><b>1.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque turpis nec sem convallis ultrices.

<b>2.</b> In ultricies urna dolor, vestibulum tempor mauris rhoncus vel.

<b>3.</b> Fusce ac mi sollicitudin, pharetra tellus at, finibus lacus. Nulla facilisi. Quisque imperdiet ac massa nec elementum.

<b>4.</b> Pellentesque a fringilla lorem. Curabitur ultricies ex lacus, et vehicula tellus cursus a.

<b>5.</b> Nulla vel risus nec enim feugiat cursus. Nam iaculis pretium convallis. Suspendisse non lacus viverra mi dapibus maximus.

<b>6.</b> Duis euismod nibh dolor, hendrerit imperdiet neque iaculis id.</div></div><div class="boo3" style="background: url(https://via.placeholder.com/150x500)"></div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.boo1 {margin: 0 auto; width: 430px; height: 500px; display: flex; flex-wrap: wrap; border: 15px solid #f9f9f9; outline: 1px solid #eee}.boo2 {width: 270px; height: 500px; background: #fff}.boo3 {width: 150px; height: 500px; background: url(https://via.placeholder.com/150x500); border-left: 10px solid #528FB9}.boo4 {background: #528FB9; padding: 10px 0; font-family: anton; font-size: 16px; color: #fff; letter-spacing: 2px; text-align: center}.boo5 {height: 190px; overflow: auto; padding: 10px 0 0 10px; font-family: calibri; font-size: 11px; color: #2e2e2e; line-height: 110%; text-align: justify; column-count: 2; border-right: 10px solid #fff}.boo5 b{background: #528FB9; color: #fff; padding: 0 3px}.boo5::-webkit-scrollbar {height: 5px; background: #fff}.boo5 i{color: #528FB9}.boo5::-webkit-scrollbar-thumb {background-color: #528FB9; height: 5px}.stcred {margin: 0 auto; width: 500px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>