REGIN [WIP]

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Pinyon+Script|Lilita+One|Spicy+Rice|Satisfy|Overlock|Sail|Sonsie+One|Neucha);

body{
background-color: #fff;
background-image: linear-gradient(to bottom, #F5FCFF, #DBF3FA, #B7E9F7, #92DFF3, #7AD7F0);
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

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

#overlay {
background: url('https://i.pinimg.com/originals/17/aa/40/17aa40cc5530dfb653e172cbe086f6ee.gif');
z-index: -1;
position: fixed;
background-size: 16%;
left: 0px; top: 0px; right: 0px; bottom: 0px;
}

::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:0px;height:0px;}

#render {
position: absolute;
height: 150vh;
width: 97vw;
background-color: transparent;
border-radius: 0%;
left: 0vw;
bottom: -60vh;
background-repeat: no-repeat;
background-image: url('https://cdn131.picsart.com/314735012315211.png?type=webp&to=min&r=640');
z-index: 7;
}

#container {
position: absolute;
z-index: 5;
border-right: 4px solid #7AD7F0;
border-top: 4px solid #7AD7F0;
border-bottom: 4px solid #7AD7F0;
background-color: #92DFF3;
background-image: url('https://www.transparenttextures.com/patterns/checkered-light-emboss.png');
left: 27vw;
bottom: 0vh;
height: 57.88vh;
width: 58vw;
opacity: 0.95;
}

#circle {
z-index: 4;
position: absolute;
border: 4px solid #7AD7F0;
background-color: #92dff3;
border-radius: 50%;
background-image: url('https://www.transparenttextures.com/patterns/checkered-light-emboss.png');
height: 58.021vh;
width: 58.021vh;
bottom: 0vh;
left: 14.63vw;
opacity: 0.95;
}

#scenery {
position: absolute;
z-index: 6;
left: 59.7vw;
bottom: 0vh;
border-right: 4px solid #7AD7F0;
border-top: 4px solid #7AD7F0;
border-left: 4px solid #7AD7F0;
background-image: url('https://pa1.narvii.com/7053/121db02f15dacfac6a1f2854dde70012373151c7r1-360-240_00.gif');
background-position: top, top;
background-repeat: no-repeat;
background-size: 240%;
opacity: 1;
height: 56.4vh;
width: 24vw;
}





</style>

<div id="whole" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="container"></div>
<div id="circle"></div>
<div id="scenery"></div>