centuries

[dohtml]<style>
.centuriesbg1 { width: 100px; height: 100px;background-color: #0B486B; }
.centuriesbg2 { width: 100px; height: 100px;background-color: #3B8686; }
.centuriesbg3 { width: 100px; height: 100px;background-color: #79BD9A; }
.centuries { font-family: times, serif; font-size: 50px; font-weight: bold; font-style: italic; padding-top: 20px; padding-left:40px; color: #fff; }

.centuriesinfo1 { width: 248px; height: 100px; overflow: auto; text-align: justify; padding-right: 2px; background-color: #fff; letter-spacing: 1px; font-size: 10px; font-family: times; }
.centuriesinfo1::-webkit-scrollbar{ width: 2px; }
.centuriesinfo1::-webkit-scrollbar-track{ ￿border: 1px solid #FFF; background: #f8f8f8; }
.centuriesinfo1::-webkit-scrollbar-thumb{ height: 5px; width: 2px; border: 0; background-color: rgb(11,72,107); }
.centuriesinfo1 b { color: #0B486B; font-style: italic; }

.centuriesinfo2 { margin-left: -150px; width: 248px; height: 100px; overflow: auto; text-align: justify; padding-right: 2px; background-color: #fff; letter-spacing: 1px;  font-size: 10px; font-family: times; }
.centuriesinfo2::-webkit-scrollbar{ width: 2px; }
.centuriesinfo2::-webkit-scrollbar-track{ ￿border: 1px solid #FFF; background: #f8f8f8; }
.centuriesinfo2::-webkit-scrollbar-thumb{ height: 5px; width: 2px; border: 0; background-color: rgb(59,134,134); }
.centuriesinfo2 b { color: #3B8686; font-style: italic; }

.centuriesinfo3 { width: 248px; height: 100px; overflow: auto; text-align: justify; padding-right: 2px; background-color: #fff; letter-spacing: 1px; font-size: 10px; font-family: times;}
.centuriesinfo3::-webkit-scrollbar{ width: 2px; }
.centuriesinfo3::-webkit-scrollbar-track{ ￿border: 1px solid #FFF; background: #f8f8f8; }
.centuriesinfo3::-webkit-scrollbar-thumb{ height: 5px; width: 2px; border: 0; background-color: rgb(121,189,154); }
.centuriesinfo3 b { color: #79BD9A; font-style: italic; }

</style>

<center>

<table><tr><td><div class="centuriesinfo1">your about me goes here <b>bold for the important</b>

</div></td>

<td><div class="centuriesbg1"><div class="centuries">a</div></div>
</td></tr>

<tr><td><div style="height: 5px;"></div></td></tr>

<tr><td><div class="centuriesbg2">
<div class="centuries">b</div></div></td>

<td><div class="centuriesinfo2">

faces go here <b>bold</b> for favorites tbh

</div>
</td></tr>

<tr><td><div style="height: 5px;"></div></td></tr>

<tr><td><div class="centuriesinfo3">

plots & kinks go here <b>bold</b> for favorites tbh

</div></td>

<td><div class="centuriesbg3"><div class="centuries">p</div></div>
</td></tr>
</table>

</center><p><center><div style=" text-transform: uppercase; width: 60px; text-align: center; font-size: 8px; background-color: #fff; padding: 5px;">© BRANDON</div></center>[/dohtml]