from now on - portada

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

<div class="now11"><div class="now12"><div class="now13">from now on</div>
<div class="now16"><div class="now14"><div class="now15">dato<span>dato por aquí</span></div><div class="now15">dato<span>dato por aquí</span></div><div class="now15">dato<span>dato por aquí</span></div><div class="now15">dato<span>dato por aquí</span></div><div class="now15">dato<span>dato por aquí</span></div></div><img src="https://via.placeholder.com/120"><a href="#"><div class="now17">expediente</div></a><a href="#"><div class="now18">cronología</div></a><a href="#"><div class="now19">relaciones</div></a><a href="#"><div class="now17">móvil</div></a><a href="#"><div class="now18">link</div></a><a href="#"><div class="now19">link</div></a>
</div></div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.now11{margin: 0 auto; background: linear-gradient(to right, #69bbbb, #5a84a2, #325ba8); width: 380px; padding: 15px; border: 15px solid #fff; outline: 1px solid #eee;}.now12{background: #fff; outline: 1px solid #fff; outline-offset: 2px; padding: 35px;}.now16 img{width: 120px; height: 120px; border-radius: 50%; padding: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #325ba8; border-right: 5px solid #69bbbb;}.now13{width: 310px; font-family: open sans; font-weight: 800; font-size: 22px; color: #69bbbb; text-align: center; text-transform: uppercase; padding-bottom:15px; border-bottom: 1px solid #eee;}.now14{width: 150px; height: 140px; margin: 20px 10px 0 0;}.now15{width: 150px; font-family: open sans; font-weight: 800; font-size: 9px; color: #5a84a2; text-transform: uppercase; text-align: left; margin: 10px 0; line-height: 120%;}.now15 span{font-weight: 400; font-size: 9px; color: #2e2e2e; float: right;}.now17{width: 96px; background: #325ba8; border-radius: 2px; font-family: open sans; font-weight: 800; font-size: 9px; color: #fff; text-align: center; text-transform: uppercase; margin: 2px; transition: 0.5s;}.now17:hover{letter-spacing: 1px;}.now18{width: 96px; background: #5a84a2; border-radius: 2px; font-family: open sans; font-weight: 800; font-size: 9px; color: #fff; text-align: center; text-transform: uppercase; margin: 2px; transition: 0.5s;}.now18:hover{letter-spacing: 1px;}.now19{width: 96px; background: #69bbbb; border-radius: 2px; font-family: open sans; font-weight: 800; font-size: 9px; color: #fff; text-align: center; text-transform: uppercase; margin: 2px; transition: 0.5s;}.now19:hover{letter-spacing: 1px;}.now16{display: flex; flex-wrap: wrap; justify-content: center}.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>