h4izhe blue carrd main code (standard version)

<style>
#container02 {
position: absolute;
bottom: 4em;
left: 11em;
}
@media only screen and (max-width: 600px) {
#container02 {
width: 20em;
left: 10em;
}
}

#container04, #container05, #container03 {
position: absolute;
bottom: 5.5em;
left: 12.5em;
height: 10em;
width: 15em;
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
#container04, #container05, #container03 {
width: 16em;
left: 12em;
}
}

#text01, #text02, #text03, #text04, #text05, #text06, #text13 {
font-family: roman;
border: solid 1px grey;
text-shadow: -1px 0 #525252, 0 1px #525252, 1px 0 #525252, 0 -1px #525252, 0 0;
border-radius: 0px 20px 20px 0px;
width: 5em;
box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey;
padding: 1px;
background: white;
}

#text07, #text08, #text09, #text10, #text11, #text12, #text14 {
font-family: windows;
}

#container06 {
position: absolute;
bottom: 14.5em;
left: 1em;
width: 12em;
}

#container07 {
position: absolute;
bottom: 15em;
left: 1.5em;
height: 7em;
width: 11em;
z-index: 9999;
}

#image01 {
border-radius: 175%;
}

#container08 {
position: absolute;
bottom: 3em;
left: 1em;
height: 11em;
width: 9.5em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
#text15, #text16, #text17 {
font-family: roman;
border: solid 1px grey;
text-shadow: -1px 0 #525252, 0 1px #525252, 1px 0 #525252, 0 -1px #525252, 0 0;
border-radius: 20px 0px 0px 20px;
width: 4.75em;
box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey;
padding: 5px;
background: white;
}
</style>