About Page

<center>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>

#container2 { width: 400px; top: 50px; height: 280px; padding: 25px; background-color: #fff; position: relative; border: 1px solid #f1f1f1;}

.img { width: 230px; height: 290px; position: absolute; top: 20; left: 200; }

#container2 .img { -moz-transition-delay: .0s; -webkit-transition-delay: .0s; -o-transition-delay: .0s; -ms-transition-delay: .0s; transition-delay: .0s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: 4s; }

#container2:hover .img { position: absolute; top: 20; width: 190px; left: 25; -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s; -ms-transition-delay: .4s; transition-delay: .4s;  }

.shipper { width: 190px; height: 290px; padding-right: 10px; overflow: auto; font-family: 'times'; font-size: 11px; text-align: justify; line-height: 130%; color: #2a2a2a; position: absolute; top: 20; right: 25; opacity: 0; }

.shipper::-webkit-scrollbar { width: 8px; background-color: #fff; }
.shipper::-webkit-scrollbar-thumb { width: 8px; background-color: #2c5a55; }

#container2 .shipper { -moz-transition-delay: .0s; -webkit-transition-delay: .0s; -o-transition-delay: .0s; -ms-transition-delay: .0s; transition-delay: .0s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: 4s; }

#container2:hover .shipper { opacity: 1; -moz-transition-delay: .8s; -webkit-transition-delay: .8s; -o-transition-delay: .8s; -ms-transition-delay: .8s; transition-delay: .8s; }

.blue { width: 170px; height: 290px; position: absolute; top: 20; left: 25; opacity: 1; font-size: 8px; text-transform: uppercase; background-color: #2c5a55; }

#container2 .blue { -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition-in: .4s; } #container2:hover

.blue { opacity: 0; }

.firstlast { text-align: right; font-weight: 500;  line-height: 120%; font-family: oswald; color: #fff; font-size: 19px; text-transform: uppercase; letter-spacing: 1px; padding: 10px;  margin-top: 110px; width: 65px; height: 65px; border: 1px solid #fff;}

.credit {right: 1px;bottom: 5px;text-transform: uppercase; position: fixed; font-size: 8px; right: 7px;}</style>

<br><br><div id="container2"><div class="blue"><div class="firstlast">

all about moi

</div></div><div class="img" style="background-image: url(********230 by 290 IMG URL HERE************); background-position: top center;"></div><div class="shipper">

all about here

</div></div></center><div class="credit" style="font-family: calibri; font-size: 8px;"><a href="http://claraosmin.tumblr.com/">CLARAOSMIN</a></div>