ABOUT ME:

<style>

#snapchat {
width: 142px;
height: 240px;
background-color:#7a797a;
overflow: hidden;
float:right;
top:0px;
}


#square {
width: 18px;
height: 18px;
border: 2px solid #f1bcb6;
background-color: #e8e4e1;
border-radius: 5px;
position: absolute;
top: 100px;
left: 25px;
}


.open {
width: 18px;
height: 18px;
background-color: #676566;
border: 2px solid #E80021;
border-radius: 5px;
position: absolute;
top: 100px;
left: 25px;
}

#username {
font: normal 12px Oswald;
color: #f1bcb6;
text-transform: uppercase;
position: absolute;
top: 100px;
left: 50px;
line-height: 150%;
}

#snapchat #screen {
position: relative;
width: 142px;
height: 240px;
overflow: hidden;
}

#caption, #first, #second, #third, #fourth, #closing{
position: absolute;
width: 142px;
height: 240px;

}

#first, #second, #third, #fourth, #closing {
left: 142px;
}

#snapchat #screen #caption {
width: 142px;
font: normal 8px Oswald;
height:10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
padding: 7px;
background-image:url(https://i.imgur.com/qwTtelA.png);
color: #e7e3e0;
position: absolute;
top: 190px;
opacity: 1;
}

.hov {
width: 142px;
text-align: center;
position: absolute;
top: 122px;
left: 0px;
font: bold 8px Oswald;
letter-spacing:2px;
text-transform: uppercase;
color: #f1bcb6;
opacity: 1;
}

#snaptime {
position:relative;
top:5px;
left:120px;
width:15px;
height:15px;
padding:2px;
background-color:rgba(0,0,0,.7);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
font: bold 10px Oswald;
color:#cecccd;
line-height:15px;
text-align:center;
}

.t1{
border: 2px solid #676566;
}


#snapchat #screen #first {
background: url(https://i.imgur.com/o9CMg3Y.png);
}

#snapchat #screen #second {
background: url(https://i.imgur.com/OjY8qJF.png);
}

#snapchat #screen #third {
background: url(https://i.imgur.com/AadSvS3.png);
}

#snapchat #screen #fourth {
background: url(https://i.imgur.com/IWknrmQ.png);
}


#snapchat #screen #closing {
background: #f1bcb6;
}

#snapchat:hover #screen #first {
left: 0px; transition-delay: 0s;
transition: 0.8s;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
}

#snapchat:hover #screen #second {
left: 0px; transition-delay: 3.0s;
}

#snapchat:hover #screen #third {
left: 0px; transition-delay: 6.0s;
}

#snapchat:hover #screen #fourth {
left: 0px; transition-delay: 9.0s;
}




#snapchat:hover #screen #closing {
left: 0px; transition-delay: 12s;
}



#sidetext{
width:142px;
height:240px;
background-color: #f1bcb6;
background-image:url(https://i.imgur.com/KES83EP.png);
float:left;
}



h3{
background-color:#cecccd;
margin:0px;
padding:5px;
text-align:justify;
font: 700 14px Oswald;
text-transform:uppercase;
color:#040404;
}




h3 sub {
display: block;
font: bold 8px Oswald;
text-transform: uppercase;
padding-top: 5px;
text-align: justify;
color: #e7e3e0;
margin-top: 5px;
border-top: 1px solid #f1bcb6;
letter-spacing: 2px;
}

</style>


INTERESTS:

<div id="sidetext">


<center><h3><sub>We put her down in a shallow grave, she wears a dress like a body bag every day.</sub></h3></center>

</div>

<div id="snapchat">
<div id="screen">

<div id="square"></div>
<div id="username">kaegallagh</div>
<div class="hov">Hover for snaps.</div>

<div id="first"><div id="snaptime" class="t5">4</div><div id="caption">Ready for the gainsss.</div></div>

<div id="second"><div id="snaptime" class="t4">3</div><div id="caption">Like father, like daughter.</div></div>

<div id="third"><div id="snaptime" class="t3">2</div><div id="caption">#heaintevenbleeding.</div></div>


<div id="fourth"><div id="snaptime" class="t2">1</div><div id="caption">This is a good look for me.</div></div>


</div>