pro standard cr tatsunroi style

<style>

#container01 > .wrapper {
width: 25.6em;
height: 18em;
border-radius: 10px;
background: linear-gradient(180deg, #fbfefe 2%, #a0badb 10%, #94b2d3 65%, #f7faff 87%, #4f6890 100%);
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
box-shadow: 0em 0em .9em #0000007A, rgba(18,47,81,0.8) 0px 0px 6px 3px inset;
}

#text02, #text03 {
font-family: music;
margin-left: 10px;
height: 44px;
width: 44px;
padding: 4px;
border-radius: 50%;
border: 1px solid #819ab0;
background: linear-gradient(150deg, #dffbff 8%, #7a94bd 50%, #abc6ef 90%);
-webkit-filter: drop-shadow(1px 1px 1px #0000007A);
z-index: 99;
}

#image01 {
z-index: 999;
position: absolute;
top: 6em;
right: 8em;
}

@media only screen and (max-width: 600px) {
#image01 {
top: 6em;
right: 5.25em;
}
}

#text04, #text09, #text11, #text15 {
width: 24.36em;
height: 1.5em;
font-family: windowss;
border: 1px solid #233049;
border-bottom: transparent;
border-radius: 10px 10px 0px 0px;
background: linear-gradient(180deg, #6c7a97 0%, #0b205e 50%, #324d95 100%);
padding: 5px;
box-shadow: 0em 0em .4em #0000007A;
position: absolute;
bottom: 17.75em;
left: 7.8em;
}

@media only screen and (max-width: 600px) {
#text04, #text09, #text11, #text15 {
left: 60.5px;
width: 24.420em;
}
}

#container03 > .wrapper {
width: 24.4em;
height: 10.99em;
border-radius: 0px 0px 3px 3px;
margin-bottom: 13px;
box-shadow: 0em 0em .4em #0000007A;
position: absolute;
bottom: 2.875em;
right: 4.8em;
}

#container02 > .wrapper {
width: 24.4em;
height: 10.99em;
border-radius: 0px 0px 3px 3px;
margin-bottom: 13px;
box-shadow: 0em 0em .4em #0000007A;
position: absolute;
bottom: 2.875em;
right: 4.8em;
}

#container04 > .wrapper {
width: 24.4em;
height: 10.99em;
border-radius: 0px 0px 3px 3px;
margin-bottom: 13px;
box-shadow: 0em 0em .4em #0000007A;
position: absolute;
bottom: 2.875em;
right: 4.8em;
}

#container05 > .wrapper {
width: 24.4em;
height: 10.99em;
border-radius: 0px 0px 3px 3px;
margin-bottom: 13px;
box-shadow: 0em 0em .4em #0000007A;
position: absolute;
bottom: 2.875em;
right: 4.8em;
}

@media only screen and (max-width: 600px) {
#container02, #container03, #container04, #container05 {
right: -1.75em;
bottom: -0.125em;
}
}

#text05 {
width: 13em;
height: 9.25em;
font-family: windows;
letter-spacing: 0.5px;
background: #ffffff66;
border: 1px solid #ffffffb3;
border-radius: 7px;
padding: 5px;
left: 0px;
}
#text06, #text08, #text14, #text12 {
font-family: windows;
}

#image02 {
position: absolute;
bottom: 1em;
left: 10px;
}

#text07, #text13, #text10 {
width: 13em;
height: 9.25em;
font-family: windows;
letter-spacing: 0.5px;
background: #ffffff4d;
border: 1px solid #ffffffb3;
border-radius: 7px 0px 0px 7px;
padding: 5px;
margin: 5px 0px;
overflow: auto;
-webkit-animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
left: 0px;
}
</style>