halloween - post de rol

<link href="https://fonts.googleapis.com/css2?family=Paytone+One&family=Quicksand:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="hall"><div class="hall1">halloween<div class="hall2"><div class="hall3"><i class="fas fa-ghost"></i></div>dato<br>dato largo<br>dato más largo</div></div><div class="hall4"><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Aliquam ut lacus leo. Aliquam a pellentesque ex. Nam pulvinar efficitur lacus bibendum placerat. Donec rutrum auctor eros eget ornare. Etiam turpis mauris, congue a nisi vitae, tempor efficitur nibh. Phasellus scelerisque diam a lacus maximus imperdiet. Curabitur risus lectus, vestibulum a facilisis at, pulvinar sed ipsum. Cras neque urna, eleifend eu cursus nec, eleifend in felis. Donec dignissim ligula ut pellentesque vehicula. Nulla quis tempor mauris. Etiam sollicitudin nisi vitae ex cursus dignissim.</div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>


<style>.hall{margin: 10px auto; width: 420px;}.hall1{background: #ff6a00; padding: 20px; font-family: paytone one; font-size: 32px; color: #fff; text-align: center; line-height: 100%;}.hall2{margin: 0 auto; width: 180px; padding: 10px; background: #fff; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; font-family: quicksand; font-weight: 700; color: #ff6a00; font-size: 10px; line-height: 160%; text-align: right;}.hall3{font-size: 50px;}.hall4{margin: 0 auto; background: #fff; border: 10px solid #2e2e2e; outline: 1px solid #ff6a00; outline-offset: -15px; padding: 50px; font-family: quicksand; font-weight: 400; font-size: 12px; color: #2e2e2e; text-align: justify; line-height: 160%;}.hall4 b{font-weight: 500; color: #ff6a00;}.hall4 i, .hall4 a{color: #ff6a00;}.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>