kick it - búsqueda - versión uno

<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Quicksand:wght@400;600&display=swap" rel="stylesheet">

<div class="kick1"><div class="kick2">kick it</div><img src="https://via.placeholder.com/150x200"><div class="kick3"><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Curabitur tristique, nisi non consequat placerat, libero odio tincidunt lectus, sed commodo erat urna id ipsum. Pellentesque molestie nisl at felis ullamcorper, ac vehicula sem interdum. Mauris dui turpis, lacinia molestie convallis at, tristique eget eros.

Vestibulum aliquam eu libero interdum congue. Vestibulum posuere risus ut urna mattis, id efficitur nisl vestibulum. Sed lobortis dapibus augue, at tempus est ultrices a. Praesent finibus neque vitae consequat convallis. Vivamus nec metus vel magna molestie vehicula id quis lorem. Donec viverra, neque sed dignissim eleifend, nulla diam porttitor arcu, eu facilisis massa mauris nec est.</div><div class="kick4">dato / dato / dato</div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.kick1{margin: 15px auto; width: 350px; background: #fff; padding: 10px; outline: 1px solid #D4D4D4; outline-offset: 10px; border: 1px solid #D4D4D4; display: flex; flex-wrap: wrap; justify-content: space-between;}.kick1 img{width: 150px; height: 200px; padding: 5px; border: 1px solid #D4D4D4;}.kick2{width: 350px; background: #e55b7e; padding: 15px 10px; font-family: abril fatface; font-size: 26px; color: #fff; text-align: center; text-shadow: 1px 0px 4px #2E2E2E; margin-bottom: 10px;} .kick3{width: 160px; height: 190px; overflow: auto; border: 1px solid #D4D4D4; padding: 10px 5px 10px 10px; font-family: quicksand; font-weight: 400; font-size: 12px; color: #888; line-height: 130%; text-align: justify;}.kick4{width: 350px; background: #e55b7e; padding: 12px; font-family: abril fatface; font-size: 14px; color: #fff; text-align: center; text-shadow: 1px 0px 4px #2E2E2E; margin-top: 10px;}.kick3 b{font-weight: 600; color: #e55b7e;}.kick3 a, .kick3 i{color: #e55b7e}.kick3::-webkit-scrollbar{width: 6px;}.kick3::-webkit-scrollbar-track{background: #fff;}.kick3::-webkit-scrollbar-thumb{background: #e55b7e;}.stcred{margin: 0 auto; width: 400px; text-align: center;}.stcred a{text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px;}</style>