One Last Time - Cronología

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Proza+Libre&display=swap" rel="stylesheet"><script src="//pull.cappuccicons.com/cpf.js"></script><div class="timecont0"> <div class="timebav0"> <a href="#"><span class="cp cp-user"></span></a> <a href="#"><span class="cp cp-envelope"></span></a> <a href="#"><span class="cp cp-id-card"></span></a> <a href="#"><span class="cp cp-heart"></span></a> </div><div class="timeimgpri"> <img src="http://via.placeholder.com/430x200"></img> <div class="timetitpr">One Last Time</div></div><div class="timecont1"> <div class="timelinepri"> <div class="timelinecon11"> <img src="http://via.placeholder.com/150x150"></img> <div class="timelsubtit"><a href="#">Titulo del Post</a></div></div><div class="timelinecon12"> <span class="cp cp-clock"></span> </div><div class="timelinecon13"> <div class="timelsubtxt"> <m>January 18th, 2022</m><br><i>Con <a href="#">UNO Y DOS</a></i> <span>Danish tiramisu cake macaroon marshmallow sesame snaps pie donut. Ice cream danish wafer jelly sesame snaps cheesecake pastry candy canes.</span> </div></div></div><div class="timelinepri"> <div class="timelinecon11"> <img src="http://via.placeholder.com/150x150"></img> <div class="timelsubtit"><a href="#">Titulo del Post</a></div></div><div class="timelinecon12"> <span class="cp cp-clock"></span> </div><div class="timelinecon13"> <div class="timelsubtxt"> <m>January 18th, 2022</m><br><i>Con <a href="#">TRES</a></i> <span>Danish tiramisu cake macaroon marshmallow sesame snaps pie donut. Ice cream danish wafer jelly sesame snaps cheesecake pastry candy canes.</span> </div></div></div></div></div><div class="mystcred"><a href="https://mystiqueworkshop.tumblr.com/">MYSTIQUE</a></div>

<style>.timecont0{--time1:#eaeaea; --time1a:#eaeaeaaa; --time2:#d4c4d4; --time3: #262626; --time4: #D6E6C3; --time5: #544452;}.timecont0{width: 450px; height: auto; padding: 30px; background: var(--time1); border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0 auto;}.timebav0{width: 100%; display: flex; justify-content: flex-start; align-items: center;}.timebav0 a{font:15px 'Proza Libre'; background: var(--time5); width: 20px; padding: 10px; color: var(--time1); text-decoration: none; margin-right: 5px; display: flex; justify-content: center; align-items: center;}.timebav0 a:hover{background: var(--time2); color: var(--time5);}.timeimgpri{width: 425px; height: 200px; display: flex; justify-content: center; align-items: center; margin-top: 5px; border: 1px solid var(--time5); padding: 10px;}.timeimgpri img{width: 425px; height: 200px;}.timetitpr{width: 420px; height: auto; position: absolute; font: 40px 'Cormorant Garamond'; font-weight: 800; font-style: italic; display: flex; align-items: center; justify-content: center; color: var(--time5); text-shadow: 2px 2px var(--time2); background: var(--time1a);}.timecont1{width: 420px; height: auto; padding-top: 30px; padding-bottom: 30px;}.timelinepri{width: 420px; height: 200px; display: flex; justify-content: space-around; align-items: center; flex-direction: row; margin-top: 20px;}.timelinepri:nth-child(even){flex-direction: row-reverse;}.timelinecon11{width: 200px; height: 200px; display: flex; justify-content: center; align-items: center;}.timelinecon11 img{width: 150px; height: 150px;border:1px solid var(--time5); padding: 5px;}.timelsubtit{width: 200px; font: 20px 'Cormorant Garamond'; font-weight: 900; position: absolute; background: var(--time1a); text-align: center; color: var(--time5);}.timelsubtit a{font: 20px 'Cormorant Garamond'; font-weight: 900; color: var(--time5); text-decoration: none;}.timelinecon12{width: 5px; height: 100%; border-radius: 5px; background: var(--time5); display: flex; justify-content: center; align-items: center;}.timelinecon12 .cp{background: var(--time1); padding: 10px; font-size: 20px; color: var(--time5); z-index: 99; border-radius: 20px;}.timelinecon13{width: 200px; height: 100%;font: 15px 'Proza Libre'; display: flex; justify-content: center; align-items: center;}.timelsubtxt{width: 150px; color: var(--time3); font-size: 12px; text-align: justify;}.timelsubtxt m{color: var(--time5); font-weight: 900; font-style: italic; font-size: 15px; text-shadow: 1px 1px 10px var(--time5);}.timelsubtxt i, .timelsubtxt i a{font-weight: 900; color: var(--time5); text-decoration: none;}.mystcred{width: 400px; margin: 0px auto; text-align: center;}.mystcred a{font: 11px 'Proza Libre'; text-decoration: none; color: #000; font-weight: 500;}</style>