DIANTHA CODE [WIP]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Forum|Marck+Script|Pirata+One|Josefin+Sans|Satisfy|Cookie|Bebas+Neue');

body {
background-color: #;
background-image: url('https://i.pinimg.com/originals/41/c4/8e/41c48e684eb7e2a99190e3d00bc77023.gif');
background-position: center;
background-size: 10%;
background-repeat:repeat;
}

#diantha {
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: 15%;
top: 15%;
width: 900px;
height: 320px;
border: 1px solid #F9A8CE;
background-color: #F9A8CE;
background-image: url('');
box-shadow: 0px 0px 3px 3px #f9a8ce;
}

#centerimg {
position: absolute;
z-index: 2;
left: 380px;
top: -80px;
background-image: url('https://i.pinimg.com/564x/c9/02/b9/c902b97c845994204151e7f0347ab913.jpg');
border-radius: 50%;
border: 6px solid #f9a8ce;
height: 140px;
width: 140px;
background-size: 100%;
filter: grayscale(20%);
background-repeat: no-repeat;
background-position: center;
}

#borderimg {
position: absolute;
left: -56px;
z-index: 1;
bottom: -40px;
width: 112px;
height: 370px;
background-image: url('https://thumbs.gfycat.com/FearlessAngryHairstreakbutterfly-size_restricted.gif');
background-size: 100%;
background-repeat: no-repeat;
}

#opposite {
position: absolute;
right: -56px;
z-index: 1;
bottom: -10px;
width: 112px;
height: 370px;
background-image: url('https://thumbs.gfycat.com/FearlessAngryHairstreakbutterfly-size_restricted.gif');
background-size: 100%;
background-repeat: no-repeat;
transform: rotate(180deg);
}

#centerbox {
position: absolute;
z-index: ;
top: 5px;
left: 5px;
height: 305px;
width: 884px;
background-image: url('https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pdflowersetproject22-gloy-07.jpg?w=800&dpr=1&fit=default&crop=default&q=65&vib=3&con=3&usm=15&bg=F4F4F3&ixlib=js-2.2.1&s=b6fd8eaf20dc026379f0854fb4eee88e');
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.5;
border: double white;
}

#botbox {
position: absolute;
left: -1px;
bottom: -120px;
width: 901px;
height: 100px;
border: 1px solid #F9A8CE;
background-color: #F9A8CE;
background-image: url('');
box-shadow: 0px 0px 3px 3px #f9a8ce;
}

#layerbox {
position: absolute;
z-index: ;
bottom: -115px;
left: 5px;
height: 85px;
width: 884px;
background-image: url('https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pdflowersetproject22-gloy-09.jpg?w=800&dpr=1&fit=default&crop=default&q=65&vib=3&con=3&usm=15&bg=F4F4F3&ixlib=js-2.2.1&s=56f46e2cd93027d073401a9a70bd3af9');
background-size: 100%;
background-repeat: no-repeat;
background-position: right;
opacity: 0.5;
border: double white;
}

#imageleft {
position: absolute;
z-index: 1;
left: 12px;
bottom: -108.8px;
height: 70px;
width: 70px;
border: 4px solid #f9a8ce;
background-image: url('https://i.ibb.co/xC8sMg9/ezgif-com-gif-maker-13.jpg');
background-size: 100%;
background-repeat: no-repeat;
box-shadow: 0px 0px 1px 1px white;
}

#imgright {
position: absolute;
z-index: 1;
right: 12px;
bottom: -108.8px;
height: 70px;
width: 70px;
border: 4px solid #f9a8ce;
background-image: url('https://i.ibb.co/xf1Mcf8/Tashi-Rodriguez-on-Instagram-benefitcosmetics.jpg');
background-size: 100%;
background-repeat: no-repeat;
box-shadow: 0px 0px 1px 1px white;
}

</style>
<div id="diantha" oncontextmenu="return false;">
<div id="container">
<div id="centerimg"></div>
<div id="quotebox"></div>
<div id="borderimg"></div>
<div id="opposite"></div>
<div id="centerbox"></div>
<div id="botbox"></div>
<div id="layerbox"></div>
<div id="imageleft"></div>
<div id="imgright"></div>
</div>