pro-standard cr envious codes

<style>
@font-face {
src: url(https://dl.dropbox.com/s/gavkuhehligvhz8/PsycheLover-Regular.otf);
font-family: psyche;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

#container06 > .wrapper {
position: absolute;
z-index: 9;
top: -21em;
left: 19em;
}
#container01 > .wrapper {
z-index: 998;
background: #260F81;
position: absolute;
left: 21.5em;
bottom: 21em;
height: 5em;
width: 3em;
border: 1px solid #A6A6A6;
border-radius: 80% 0% 0 0;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
}
#container02 > .wrapper {
z-index: 998;
background: #260F81;
position: absolute;
left: 31.5em;
bottom: 21em;
height: 5em;
width: 3em;
border: 1px solid #A6A6A6;
border-radius: 0% 80% 0 0;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
}
#container03 > .wrapper {
z-index: 997;
background: #FFFFFF;
position: absolute;
left: 21em;
bottom: 21em;
height: 6em;
width: 4em;
border: 1px solid #A6A6A6;
border-radius: 80% 0% 0 0;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
}
#container04 > .wrapper {
z-index: 997;
background: #FFFFFF;
position: absolute;
left: 31em;
bottom: 21em;
height: 6em;
width: 4em;
border: 1px solid #A6A6A6;
border-radius: 0% 80% 0 0;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
}
#container05 > .wrapper {
z-index: 9;
background: #0B79C3;
position: absolute;
left: 36.25em;
bottom: 4em;
height: 12em;
width: 5em;
border: 1px solid #A6A6A6;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
filter: drop-shadow(0px 0px 3px #000);
border-radius: 0px 15px 15px 0px;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
#icons01 li a {
box-shadow: inset 0 0 6px lightgrey;
border: 1px solid #B5B5B5;
filter: drop-shadow(0px 0px 3px #000);
}
#text01 {
font-family: psyche;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
background: radial-gradient(#FFFFFF 5%, #0B79C3 65%);
border-radius: 90%;
top: 0.5em;
border: 1px solid black;
}
#image01 .frame {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
position: absolute;
z-index: 9999;
top: -22.5em;
left: -9em;
}
#container07 > .wrapper, #container10 > .wrapper, #container13 > .wrapper {
background: radial-gradient(#FFFFFF 5%, #0B79C3 65%);
border-radius: 90%;
top: 0.5em;
width: 18.5em;
border: 1px solid black;
position: absolute;
z-index: 99;
top: -25em;
left: 0em;
}
#container08 > .wrapper, #container11 > .wrapper, #container14 > .wrapper {
border-radius: 5px 50px 50px 50px;
border: 1px solid black;
filter: drop-shadow(0px 0px 3px #000);
position: absolute;
left: .5em;
top: -20em;
}
#container09 > .wrapper, #container12 > .wrapper, #container15 > .wrapper {
border-radius: 50px 5px 50px 50px;
border: 1px solid black;
filter: drop-shadow(0px 0px 3px #000);
position: absolute;
z-index: 99;
left: 0em;
top: -8.5em;
}
#text02, #text05, #text08 {
font-family: psyche;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
width: 9em;
}
#text03, #text06, #text09 {
background: white;
overflow-y: scroll;
height: 6.5em;
border-radius: 5px 50px 50px 50px;
padding: 10px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}
#text04, #text07, #text10 {
background: white;
overflow-y: scroll;
height: 6.5em;
border-radius: 50px 5px 50px 50px;
padding: 10px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}
</style>
<body oncontextmenu="return false;">
<script>
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
</script>