pro-standard cr narumitsuluv codes

<style>
#buttons01 li a {
border-radius: 15px 15px 0px 0px;
font-family: kitten;
}
#container02 > .wrapper {
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%);
width: 28em;
position: absolute;
z-index: 9;
left: 0.5em;
top: -23.75em;
height: 23em;
}
#container03 > .wrapper {
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%);
width: 13em;
position: absolute;
z-index: 9;
left: 1.25em;
top: -20.5em;
height: 18em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
#container04 > .wrapper {
border-radius: 0px 50px 50px 0px;
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%);
width: 28em;
position: absolute;
left: 0.5em;
top: -23.75em;
height: 23em;
}
#container05 > .wrapper {
border-radius: 50%;
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%);
width: 13em;
position: absolute;
z-index: 9;
left: -1.5em;
top: -19.75em;
height: 13em;
}
#container06 > .wrapper {
border-radius: 25px 25px 25px 25px;
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%);
width: 20em;
position: absolute;
z-index: 9;
left: 12em;
top: -24em;
height: 10em;
}
#container07 > .wrapper {
border-radius: 0px 20px 20px 40px;
width: 16em;
position: absolute;
z-index: 9;
left: 12em;
top: -8.5em;
height: 2.5em;
}
#container08 > .wrapper {
border-radius: 0px 50px 50px 0px;
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%);
width: 20em;
position: absolute;
z-index: 9;
left: 0.5em;
top: -23.75em;
height: 23em;
}
#container09 > .wrapper {
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%);
width: 12em;
position: absolute;
z-index: 9;
left: 21em;
top: -23.5em;
height: 17em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

#text01 {
width: 7.25em;
border-radius: 0px 15px 15px 0px;
background: #A3FFC8;
border: 1px solid #a1a1a1;
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%);
top: -0.375em;
left: -0.375em;
font-family: kitten;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text01 mark {
font-family: Butterflies;
color: #DE9CC1;
}
#text02 {
position: absolute;
left: 0.5em;
top: -0.5em;
}
#text02 mark {
font-family: Butterflies;
color: #C2E5FF;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text03 {
font-family: kitten;
border: 1px solid #A1A1A1;
border-radius: 100%;
height: 30px;
}
#text03 mark {
color: #C2E5FF;
-webkit-text-stroke: 1px #575757;
}
#image02 .frame {
position: absolute;
z-index: 99;
left: 10.5em;
top: -1em;
}
#text04 {
font-family: windows;
background: white;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
border-radius: 5px 5px 5px 5px;
padding: 5px;
height: 14em;
overflow-y: scroll;
}
#text04 mark {
color: #DE9CC1;
font-size: 1.5em;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: kitten;
}
#image03 .frame {
position: absolute;
z-index: 99;
left: -2.5em;
top: -2em;
}
#text05 {
font-family: windows;
background: white;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
border-radius: 50%;
padding: 15px;
height: 12em;
width: 12em;
}
#text05 mark {
color: #DE9CC1;
font-size: 1.5em;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: kitten;
}
#image04 .frame {
position: absolute;
z-index: 99;
left: -0.5em;
top: -2em;
}
#image05 .frame {
position: absolute;
z-index: 99;
left: -0.5em;
top: -2em;
}
#text06 {
width: 6.5em;
border-radius: 25px 25px 0px 0px;
background: #A3FFC8;
border: 1px solid #a1a1a1;
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%);
top: -0.375em;
left: -0.5em;
font-family: kitten;
z-index: 99;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text06 mark {
font-family: hibiscus;
color: #DE9CC1;
font-size: 0.5em;
}
#text07 {
font-family: windows;
background: white;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
border-radius: 5px 5px 5px 5px;
padding: 5px;
height: 10em;
width: 11em;
left: -0.5em;
top: -1em;
overflow-y: scroll;
}
#text07 mark {
color: #DE9CC1;
font-size: 1.5em;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: kitten;
}
#text08 {
width: 6.5em;
border-radius: 0px 0px 25px 25px;
background: #A3FFC8;
border: 1px solid #a1a1a1;
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%);
top: -.625em;
left: -0.5em;
font-family: Butterflies;
z-index: 99;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text08 mark {
font-family: hibiscus;
color: #DE9CC1;
font-size: 0.5em;
}
#image06 .frame {
position: absolute;
z-index: 99;
left: -1em;
top: -1.5em;
}
#image07 .frame {
position: absolute;
z-index: 9999;
left: -0.5em;
top: 8em;
}
#text12 {
position: absolute;
left: 0.5em;
top: -0.5em;
}
#text12 mark {
font-family: hibiscus;
color: #AB6EB5;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text13 {
font-family: kitten;
border: 1px solid #A1A1A1;
border-radius: 100%;
height: 30px;
}
#text13 mark {
color: #F199FF;
-webkit-text-stroke: 1px #575757;
}
#text14 {
font-family: windows;
background: white;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
border-radius: 5px 5px 5px 5px;
padding: 5px;
height: 10em;
width: 11em;
overflow-y: scroll;
}
#text14 mark {
color: #DE9CC1;
font-size: 1.5em;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: kitten;
}
#text09 {
width: 6.5em;
border-radius: 0px 25px 0px 0px;
background: #A3FFC8;
border: 1px solid #a1a1a1;
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%);
top: -0.375em;
left: -0.5em;
font-family: kitten;
z-index: 99;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
}
#text09 mark {
font-family: hibiscus;
color: #DE9CC1;
font-size: 0.5em;
}
#text10 {
font-family: windows;
background: white;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
border-radius: 5px 5px 5px 5px;
padding: 5px;
height: 10em;
width: 11em;
left: -0.5em;
top: -1em;
overflow-y: scroll;
}
#text10 mark {
font-size: 1.5em;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: kitten;
color: #DE9CC1;
}
#text11 {
width: 6em;
padding: 10px;
height: 2em;
border-radius: 15px 15px 50px 15px;
background: #A3FFC8;
border: 1px solid #a1a1a1;
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%);
top: -0.625em;
left: -0.5em;
z-index: 9999;
text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;
font-family: hibiscus;
color: #DE9CC1;
}
#image08 .frame {
position: absolute;
z-index: 99;
left: -2.5em;
top: -3em;
}
#image09 .frame {
position: absolute;
z-index: 9999;
left: 0em;
top: -5em;
}
#image10 .frame {
position: absolute;
z-index: 99;
left: 5em;
top: -1em;
}
</style>