<style>.bbhBG {--bbhAccent:#556B2F}</style>
<div align="center"> <div class="bbhBG"><div class="bbhHead"> <span class="lnr lnr-heart-pulse"></span> <img src="https://image.ibb.co/cyNYFR/art-by-Nosaki-Tsubasa-2.png"> <div class="bbhLyric"> <div>i'm the one that</div> <div>got away</div> </div></div><div class="bbhSub"><div> @tagged </div></div><div class="bbhBody">
POST HERE
</div><div class="bbhFoot"><div>000</div><div> notes go here, make sure to keep it to one line </div></div> </div><div class="bbhCredit"><a href="https://ullacodes.tumblr.com/">ulla codes</a></div></div>
<link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Montserrat:400,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"> <style>
.bbhBG { width:450px; background-color:#fff; border-radius:25px 25px 0 0; }
.bbhHead { background-color:#3a3a3a; height:170px; border-radius:25px 25px 0 0; overflow:hidden; }
.bbhHead .lnr { float:left; font-size:200px; color:#fff; opacity:.05; margin:-15px; margin-right:-100%; -webkit-transform:rotate(-15deg); }
.bbhHead IMG { width:100px; height:100px; background-color:rgba(255,255,255,.05); padding:15px; float:right; margin:20px; border-radius:100%; margin-left:0; }
.bbhLyric { float:left; text-align:right; width:280px; margin-top:45px; line-height:33px; margin-left:5px; color:var(--bbhAccent); opacity:.9999999; }
.bbhFoot { border-bottom:#3a3a3a 5px solid; }
.bbhLyric div:nth-child(1) { font-family:dawning of a new day; text-transform:lowercase; font-size:40px; color:#1a1a1a; }
.bbhLyric div:nth-child(2) { font-family:montserrat; font-weight:700; font-size:51px; text-transform:uppercase; letter-spacing:-4px; text-shadow:#1a1a1a 1px 0,#1a1a1a 0 1px,#1a1a1a -1px 0,#1a1a1a 0 -1px; }
.bbhSub, .bbhFoot { background-color:var(--bbhAccent); height:25px; line-height:25px; overflow:hidden; }
.bbhSub div, .bbhFoot div:nth-child(1) { text-transform:uppercase; color:#fff; opacity:.3; font-family:montserrat; font-weight:400; font-size:43px; text-align:right; float:right; margin-left:-100%; margin-right:-2px; letter-spacing:-3px; }
.bbhFoot div:nth-child(2) { text-align:right; padding-right:15px; font-family:trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:1px; line-height:27px; color:#fff; text-shadow:#3a3a3a 1px 0,#3a3a3a 0 1px,#3a3a3a -1px 0,#3a3a3a 0 -1px; opacity:.8; }
.bbhSub a { color:#fff!important; font-family:montserrat!important; }
.bbhBody { margin:25px; text-align:justify; padding:5px 25px; border-right:#ddd 1px solid; border-left:#ddd 1px solid; font-size:10px; color:#3a3a3a; font-family:verdana; line-height:13px; }
.bbhBody b { font-family:montserrat; font-weight:800; color:var(--bbhAccent); font-size:11px; }
.bbhBody i { opacity:.7; font-family:montserrat; font-size:9px; }
.bbhCredit a { font-family:trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:1px; color:#777; text-decoration:none; }
</style>
|