home - misceláneo

<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<div class="home1"><div class="home2">Nam at convallis mauris.

Suspendisse semper suscipit nulla, at tempor augue auctor ac. Ut dictum erat turpis, non laoreet neque sollicitudin et. Quisque est nisl, lacinia vestibulum consectetur placerat, varius nec justo.

Phasellus vulputate facilisis ante non cursus. Aliquam pharetra nulla a maximus volutpat.

Sed a volutpat ante.</div><div class="home3"></div>
<div style="margin: 10px auto; width: 350px; height: 1px; background: #eee"></div>
<div class="home4">welcome to my home</div>
<div class="home5"><img src="https://via.placeholder.com/140x200"><img src="https://via.placeholder.com/140x200"><img src="https://via.placeholder.com/140x200"><img src="https://via.placeholder.com/215x140"><img src="https://via.placeholder.com/215x140"><img src="https://via.placeholder.com/215x250"><img src="https://via.placeholder.com/215x250"></div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.home1 {margin: 0 auto; width: 440px; padding: 30px; background: #fff; border: 1px solid #eee; outline: 10px solid #eee; outline-offset: -20px; display: flex; flex-wrap: wrap; justify-content: center}.home2 {width: 210px; height: 140px; overflow: auto; font-family: calibri; font-size: 12px; color: #888; text-align: justify; line-height: 110%; padding-right: 10px; border-right: 1px solid #eee}.home3 {width: 200px; height: 140px; background: url(https://via.placeholder.com/200x140); margin-left: 10px}.home4 {width: 420px; background: #eee; font-family: lobster; font-size: 22px; color: #888; text-align: center; padding: 10px}.home5 {width: 440px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5px}.home5 img {margin: 5px 0}.home2::-webkit-scrollbar {width: 8px}.home2::-webkit-scrollbar-track {background: #fff}.home2::-webkit-scrollbar-thumb {background: #eee}.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>