YOUNGHO [WIP]

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Overlock|Redressed|Niconne|Emilys+Candy|Aladin);

body {
background-color: #184531;
background-image: url('https://www.transparenttextures.com/patterns/vichy.png');
background-position: center;
background-size: 6%;
background-repeat: repeat;
}

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

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

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

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

#flight {
position: absolute;
left: 28%;
top: 9.5%;
height: 530px;
width: 600px;
background-color: #184531;
box-shadow: 0px 0px 8px 8px #113324;
}

#illo {
position: absolute;
bottom: -30px;
z-index: 2;
right: -30px;
height: 120px;
width: 100px;
background-image: url('https://www.pngkey.com/png/full/226-2269266_slytherin-crest-png-harry-potter-slytherin-logo.png');
background-size: 100%;
background-repeat: no-repeat;
}

#psycho {
position: absolute;
z-index: 1;
right: 10px;
bottom: 10px;
height: 130px;
width: 220px;
background-image: url('https://i.gifer.com/P1RN.gif');
background-size: 120%;
background-repeat: no-repeat;
border: 1px solid #113324;
box-shadow: 0px 0px 2px 2px #000;
}

#salmkkaji {
position: absolute;
z-index: 1;
left: 7px;
bottom: -65px;
height: 130px;
width: 350px;
background-image: url('http://i.picpar.com/a0nf.png');
background-size: 100%;
background-repeat: no-repeat;
}

#ours {
position: absolute;
z-index: 1;
left: 10px;
bottom: 73px;
height: 66px;
width: 330px;
border: 1px solid #113324;
box-shadow: 0px 0px 2px 2px #000;
background-color: #;
background-image: url('https://data.whicdn.com/images/281118664/original.gif');
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}

#ours:hover {
background-image: url('https://pa1.narvii.com/6366/67718925eb761d5a1d0228c948c4d3a02811db8a_hq.gif');
}

#domangga {
position: absolute;
z-index: 1;
left: 10px;
bottom: 185px;
height: 322px;
width: 180px;
background-color: #fff;
border: 1px solid #113324;
box-shadow: 0px 0px 2px 2px #000;
overflow-y: auto;
padding: 5px;
}

#taewoda {
position: absolute;
z-index: 1;
right: 10px;
bottom: 185px;
height: 130px;
width: 352px;
background-color: #fff;
border: 1px solid #113324;
box-shadow: 0px 0px 2px 2px #000;
overflow-y: auto;
padding: 5px;
}

#tab1 {
position: absolute;
z-index: 1;
left: 25px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}

#tab2 {
position: absolute;
z-index: 1;
left: 125px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}

#tab3 {
position: absolute;
z-index: 1;
left: 225px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}

#tab4 {
position: absolute;
z-index: 1;
right: 225px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}

#tab5 {
position: absolute;
z-index: 1;
right: 125px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}

#tab6 {
position: absolute;
z-index: 1;
right: 25px;
bottom: 155px;
height: 15px;
width: 50px;
background-color: #0A1F16;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #000;
}


</style>
<div id="nitro" oncontextmenu="return false;">
<div id="flight">
<div id="illo"></div>
<div id="psycho"></div>
<div id="salmkkaji"></div>
<div id="ours"></div>
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
<div id="tab4"></div>
<div id="tab5"></div>
<div id="tab6"></div>
<div id="domangga"></div>
<div id="taewoda"></div>
</div>