happiness redo

<style type="text/css">

@font-face {font-family:Brannboll Fet; src:url(http://static.tumblr.com/9wzbixa/3mHmj2g3g/brannbollfet.ttf);}

#profile { background-color: transparent; border: none; }
.pfor {display: none;}

body {
font-family:bella donna;
font-size:9px;
background-image: url('http://th08.deviantart.net/fs70/PRE/f/2012/355/5/4/kawaii_neko_custom_box_background_by_rini_tan-d5oohh1.jpg');
background-size:20%;
background-repeat:repeat;
color:#000;
}


::-webkit-scrollbar-track-piece {
background-color:#ffffff;

}

::-webkit-scrollbar-thumb {
background-color: #ffffff;

}


#largecontainer {
position: absolute;
margin: 140px 140px 140px 140px;
height: 338px;
width: 469px;
border: 0px solid black;
overflow: hidden;
}

#container1 {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 70px;
border: 0px solid red;
overflow: hidden;}

#container2 {
position: absolute;
top: 80px;
left: 0px;
overflow: hidden;
width:460px;
height:250px;
border:2px solid #F5A9D0;
background: #F6CEEC;
overflow:hidden;
box-shadow:2px 2px 1px #000000;}

#container2sub {
height: 250px;
width: 460px;
overflow: hidden;
}

#imagecontainer {
float: left;
height: 250px;
width: 460px;
z-index: 1;
border: 0px solid brown;
 background-repeat:no-repeat; background-size: 100%;
opacity: 1;
transition: all 1s;
-webkit-transition: all 1s;
}

#imagecontainer:hover {
height: 0px;
opacity: 0;}

#contentcontainer {
height: 250px;
width: 460px;
border: 0px solid blue;
text-align:left;
color:#ffffff;
text-shadow: 2px 2px 2px #000000;
padding-left:2px;
font-family:'bella donna';
font-size: 12px;
box-sizing: border-box;

}

#container2sub:hover #imagecontainer{
height:0px;
opacity: 0;}

#titlecontainer {
position: absolute;
top: 0px;
left: 20px;
height: 70px;
width: 200px;
border: 0px solid black;}

#linkcontainer {
position: absolute;
right: 120px;
top: 46px;
height: 40px;
width: 50px;
border: 0px solid red;}

#designcontainer {
position: absolute;
top: 56px;
left: 10px;
height: 1px;
width: 434px;
border-top: 1px solid #F5A9D0;
border-bottom: 1px solid #F5A9D0;
}

.icon {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.icon img{
padding:1px;
}

#box1{
    height:20px;
    width:20px;
    display:inline-block;
    position:absolute;
    margin-left:0px;
    overflow:hidden;
    background:#F5A9D0;
    border:1px solid #000000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius:20px;
    }

    #box1:hover {
    background:#000000;
    }

#box2{
    height:20px;
    width:20px;
    display:inline-block;
    position:absolute;
    margin-left:0px;
    margin-left:28px;
    overflow:hidden;
    background:#F5A9D0;
    border:1px solid #000000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius:20px;
    }

    #box2:hover {
    background:#000000;
    }


#title {
font-size:40px;
color:#F5A9D0;
text-shadow: 1px 1px 1px #000000;
padding:8px 0px 11px 0px;
text-align:left;
letter-spacing:6px;
font-family:'brannboll fet';

}

</style>

<div id="largecontainer">

<div id="container1">
<div id="titlecontainer">
<div id="title">
happiness◕‿◕
</div></div>
<div id="designcontainer">

</div>
<div id="linkcontainer">
<div  id="box1">
<div style="margin-top:1px;"><div class="icon"><a class="nav" href="#first" id="navi" title="" >
<img src="http://fc09.deviantart.net/fs71/f/2013/110/9/0/heart_emote_by_gasara-d62dv0x.gif" /></a></div></div></div>

<div id="box2">
<div style="margin-top:1px;"><div class="icon"><a class="nav" href="#second" id="navi" title="" >
<img src="http://fc09.deviantart.net/fs71/f/2013/110/9/0/heart_emote_by_gasara-d62dv0x.gif" /></a></div></div></div>
</div>
</div>


<div id="container2">

<a name="first"></a>
<div id="container2sub">
<div id="imagecontainer" style="background-image: url(http://i.picpar.com/rpqb.png);">
</div>
<div id="contentcontainer">
ONEBOO
</div>
</div>

<a name="second"></a>
<div id="container2sub">
<div id="imagecontainer" style="background-image: url(http://i.picpar.com/rpqb.png);">
</div>
<div id="contentcontainer">
TWOBOO
</div>
</div>


</div>


</div>

<img src="http://i.picpar.com/wpqb.png" style="position:fixed;
max-height: 400%;
max-width: 400px;
left: 0px;
bottom: 0px;
z-index: 2;
">