from now on - cronología

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap" rel="stylesheet">

<div class="now24"><div class="now25"><div class="now28"><img src="https://via.placeholder.com/120"><div class="now27">from now on, these eyes will not be blinded by the lights</div></div>
<div class="now26">agosto</div>
<a href="#">Título del tema</a>
<b>Participantes:</b> nombre del personaje.
<b>Status:</b> abierto.

<div style="text-align: right"><a href="#">Título del tema</a>
<b>Participantes:</b> nombre del personaje.
<b>Status:</b> cerrado.</div>


<div class="now26">septiembre</div>
<a href="#">Título del tema</a>
<b>Participantes:</b> nombre del personaje.
<b>Status:</b> abierto.

<div style="text-align: right"><a href="#">Título del tema</a>
<b>Participantes:</b> nombre del personaje.
<b>Status:</b> abandonado.</div>
</div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.now24{margin: 0 auto; background: linear-gradient(to right, #adc4e8, #f8bfbc, #cdb5d9); width: 380px; padding: 15px; border: 15px solid #fff; outline: 1px solid #eee;}.now25{background: #fff; outline: 1px solid #fff; outline-offset: 2px; padding: 35px; font-family: open sans; font-weight: 400; font-size: 11px; color: #2e2e2e; text-align: justify; line-height: 130%;}.now25 b{font-weight: 800; color: #f8bfbc}.now25 a{text-decoration: none!important; font-weight: 800; color: #adc4e8; text-transform: uppercase; transition: 0.5s;}.now25 a:hover{letter-spacing: 1px}.now27{width: 140px; height: 90px; padding-top: 50px; font-family: open sans; font-weight: 800; font-size: 11px; color: #f8bfbc; text-align: center; line-height: 130%;}.now28{display: flex; flex-wrap: wrap; justify-content: space-between;}.now28 img{width: 120px; height: 120px; border-radius: 50%; padding: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #cdb5d9; border-right: 5px solid #adc4e8;}.now26{width: 310px; font-family: open sans; font-weight: 800; font-size: 22px; color: #cdb5d9; text-align: center; text-transform: uppercase; padding-bottom:15px; border-bottom: 1px solid #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>