085 | Vitae Lacinia

<div id="phoe-one"><div id="pho-ti"><div class="fin">
<div class="fifi"><span class="th th-butterfly"></span></div></div>
<div class="fon">
<h1>Sed non scelerisque,</h1>
<h2>Vitae Lacinia</h2>
</div></div><div id="no-se"></div><div id="pho-txt">
¡Hola! Soy un espacio para que escribas lo que quieras, bb.
</div><div id="data">
<span>Lugar</span> <span> Hora </span> <i class="th th-cactus-o"></i> <span>Fecha</span> <span> Con quién</span>
</div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>#phoe-one {width: 450px; border: 1px solid #eaeaea; background: #fafafa; padding: 5px; margin: 0 auto;}#phoe-one br {display: none;}#phoe-one #pho-ti {background: #fff; border: 1px solid #eaeaea; color: #222; padding: 10px; height: 160px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-bottom: none;}#phoe-one .fin .fifi {font-size: 50px; border: 1px solid #b0c199; margin: 0px; background: #d5e4bf; display: flex;justify-content: center; align-items: center; width: 100px; height: 100px; text-shadow: 1px 1px 0 #b0c199, -1px 1px 0 #b0c199, 1px -1px 0 #b0c199, -1px -1px 0 #b0c199; color: #fff; border-radius: 100%;} #phoe-one .fon {width: 250px; margin-left: 20px; font: 30px "Dominique"; color: #c6c6c6;}#phoe-one .fon h1 {font-size: 30px; font-weight: 100; text-transform: uppercase; margin: 0px; padding: 0px;}#phoe-one .fon h2 {font: 30px "Dominique"; font-size: 40px; font-weight: 700; text-transform: uppercase; color: #d5e4bf; margin: 0px; text-shadow: 1px 1px 0 #b0c199, -1px 1px 0 #b0c199, 1px -1px 0 #b0c199, -1px -1px 0 #b0c199; padding: 0px;}#pho-txt {background-color: #fdfdfd; border: 1px solid #eaeaea; text-align: justify; color: #686868; padding: 45px; font: 11px 'Montserrat', sans-serif; text-align: justify; color: #222}#pho-txt br {display: block; margin: 5px;}#phoe-one #data {background: #fff; border: 1px solid #eaeaea; color: #222; border-top: none; padding: 10px; display: flex; justify-content: space-around; align-items: center;}#phoe-one #data i {font-size: 15px; border: 1px solid #b0c199; margin: 0px; background: #d5e4bf; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; text-shadow: 1px 1px 0 #b0c199, -1px 1px 0 #b0c199, 1px -1px 0 #b0c199, -1px -1px 0 #b0c199; color: #fff;border-radius: 100%;}#phoe-one #data span {color: #aeaeae; text-transform: uppercase; font: 8px 'Montserrat', sans-serif; font-weight: 500; width: 90px; text-align: center;}@font-face {font-family: "Dominique"; src: url('https://dl.dropboxusercontent.com/s/7erk9gtz6pgrifl/Dominique.otf'); format("truetype");}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">