I am catastrophically in love with you... - Post

<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Raleway&display=swap" rel="stylesheet"><div class="vin1"> <div class="vindat">Fecha</div><div class="vinbor"></div><div class="vinbor" style="top: 30px;"></div><div class="vinmg" style="background:url(IMAGEN AQUI); background-size: cover;"></div><div class="vintext"> <div class="vintitle">Titulo</div><div class="vinsubtitle">—— Subtitulo</div><div class="vintext1">TEXTO AQUI </div></div><div class="vinbor1" style="bottom:30px;"></div><div class="vinbor1"></div><div class="vindat1">Con quién?</div></div><div id="myscr"><a href="https://mystiqueworkshop.tumblr.com/">MYSTIQUE</a></div><style>.vin1{--color1: #DEC6AE; --color2: #392B20; --color3: #583E2F; --color4: #A18C71;}.vin1{width: 400px; height:500px; background: var(--color1); position: relative; margin: 0 auto;}.vinbor{width: 390px; height: 1px; position: absolute; top: 35px; left:5px; background: var(--color3);}.vinbor1{width: 390px; height: 1px; position: absolute; bottom: 35px; left:5px; background: var(--color3);}.vindat{font-size:12px; font-family: 'Dancing Script'; position: absolute; left: 10px; top: 15px; color: var(--color2);}.vindat1{font-size:12px; font-family: 'Dancing Script'; position: absolute; right: 10px; bottom: 15px; color: var(--color2);}.vinmg{width: 150px; height: 320px; position: absolute; top: 100px; left: 20px;}.vintext{width: 200px; height: 350px; position:absolute; top: 58px; left: 180px; color: var(--color2);}.vintitle{font-size:25px; font-family: 'Dancing Script'; text-align: left; color: var(--color2);}.vinsubtitle{font-family:'Raleway'; text-align: right; font-size: 10px; color: var(--color2);}.vintext1{width: 180px; height: 300px; overflow: auto; padding: 6px; font:12px 'Raleway'; font-weight: 200; text-align: justify; color: var(--color2);}#myscr{font-family: 'Century Gothic'; font-size: 11px; text-align: center; color: #333 ; margin: 0 auto; margin-top: 1px;}#myscr a{color: #333;text-decoration: none;}.vintext1::-webkit-scrollbar{width:3px; height: auto; background-color: var(--color1);}.vintext1::-webkit-scrollbar-thumb:vertical{width: 3px; height:10px; background-color: var(--color2);}.vintext1::-moz-scrollbar{width:2px; height: auto; background-color: var(--color1);}.vintext1::-moz-scrollbar-thumb:vertical{width: 2px; height:10px; background-color: var(--color2);}</style>