BORAM [WIP]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Antic+Slab|Niconne|Lobster+Two|Crushed');
@font-face { font-family: "creamy love"; src: url('https://dl.dropboxusercontent.com/s/6lfk153zah8jlhy/Creamy%20Love.ttf'); }

body {
background-color: black;
background-image: url('');
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
}

#young {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
left: 1%;
top: 4%;
height: 200px;
width: 200px;
border: 7px solid #222;
border-radius: 50%;
background: #000;
box-shadow: 0px 0px 6px 6px #222;
}

#imgcenter {
position: absolute;
z-index: 1;
top: 24px;
left: 25px;
height: 151px;
width: 151px;
border-radius: 50%;
background-image: url('https://64.media.tumblr.com/2091bdcf9bd5a01106de20b81b0d5817/51249cbfc6f9cdc6-8a/s400x600/e80c80cc77a42613968b2403b8421635fe2f9212.png');
background-size: 100%;
background-position: right;
}

#imgcenter:hover {
background-image: url('https://64.media.tumblr.com/6e937ff01a9d7df19be45675d449a6cc/51249cbfc6f9cdc6-e9/s400x600/b4cbd2c327edc6fe0766098b41440b83443182b4.png');
border-radius: 50%;
background-size: 100%;
background-repeat: no-repeat;
}

#botline {
position: absolute;
z-index: 1;
right: -316px;
bottom: 4px;
height: 19px;
width: 360px;
background: #222;
transform: skew(-40deg);
}

#topline {
position: absolute;
z-index: 1;
right: -316px;
top: 4px;
height: 19px;
width: 360px;
background: #222;
transform: skew(40deg);
}

</style>
<div id="young" oncontextmenu="return false;">
<div id="container">
<div id="imgcenter"></div>
<div id="botline"></div>
<div id="topline"></div>

</div>