[html]
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<div id="doors">

<div class="tgb">
tag: @[firstname lastname]
</div>
<div class="tpb">
<div class="imgb1">
<img src="SQUARE IMG/GIF HERE, WILL RESIZE TO FIT">
</div>
<div class="ttl1">
Welcome to the inner workings of my mind

</div>
</div>
<li1></li1>

<div class="mabt">

TEXT POST HERE

</div>
<li1></li1>

</div>
  <a href="http://cttw.jcink.net/index.php?showuser=14057"><div style="width: 500px; margin: 15px auto; text-align: center; font-size: 12px; font-family: courier; text-transform: lowercase; color: #555;">e v e</div></a>
<style>
#doors {width: 500px; background: rgb(244,206,190);
background: linear-gradient(18deg, rgba(244,206,190,1) 0%, rgba(231,231,228,1) 100%);margin: auto; box-sizing: border-box; padding: 60px}
#doors .tpb {height: 150px; width: 100%; background: none; position: relative; display: flex; justify-content: space-between}
#doors .tpb .imgb1 {height: 100%; width: 150px; position: relative; outline: 1px solid #F39566; box-sizing: border-box; border: 10px solid #E7E7E4}
.tpb .imgb1 img {height: 100%; width: 100%; position: absolute; object-fit: cover; filter: grayscale(100%) brightness(70%)}
#doors .tpb .ttl1 {width: calc(100% - 140px); color: #E7E7E4; text-shadow: 1px 1px 0 #F39566, -1px -1px 0 #F39566, 1px -1px 0 #F39566, -1px 1px 0 #F39566; font-family: dm serif display; text-transform: lowercase; font-size: 40px; line-height: 1; text-align: right; margin-top: -5px}
#doors .tgb {width: 100%; height: 30px; box-sizing: border-box;display: flex; align-items: center; margin-bottom: 20px; color: #21373F; font-family: dm serif display; font-size: 12px; letter-spacing: 2px; text-transform: uppercase}
#doors .tgb a {text-decoration:none; color: #21373F}
#doors .mabt {width: 100%; color: #21373F; font-family: barlow; font-size: 12px; text-align: justify; line-height: 1.5; margin-top: 40px; font-weight: 400}
#doors .mabt:first-letter {float: left; font-family: dm serif display; color: #E7E7E4; text-shadow: 1px 1px 0 #F39566, -1px 1px 0 #F39566, -1px -1px 0 #F39566, 1px -1px 0 #F39566; font-size: 50px; text-transform: lowercase; padding: 0 30px}
#doors li1 {width: 100px; height: 1px; background: #21373F; position: relative; display: block; margin: 60px auto;}
#doors li1:nth-of-type(2) {margin-bottom: 0}</style>[/html]