cr joyiuvie codes (css codes & cursor)

<style>
#container01 {
height: auto;
width: 15em;
}

#container02 {
width: 12em;
position: absolute;
left: -5.7em;
bottom: 8em;
transform: rotate(-11rad);
}

#container03 {
width: 15.5em;
position: absolute;
bottom: 17em;
left: 0em;
z-index: 999;
}

#container04 {
right: -2em;
position: absolute;
z-index: 999;
bottom: 10.1em;
background: #FFFFFFD9;
width: 13em;
height: 1.2em;
}

#container05 {
width: 13em;
right: -2em;
position: absolute;
z-index: 999;
bottom: 0.4em;
}

#container06, #container07 {
right: -2em;
position: absolute;
z-index: 999;
bottom: 11.6em;
background: #FFFFFFD9;
width: 13em;
height: 9.125em;
overflow: auto;
padding: 3px;
border-radius: 3px;
border: 1px solid #87878787;
}

mark {
font-family: antre;
color: #F2C2D7;
background: #FF000000;
margin-right: .3em;
margin-left: .3em;
}

code {
background: #FCA9CE;
padding: 2px:
border: 1px solid #be82ff;
font-family: Archivo;
border-radius: 3em;
color: #fff;
}

flwr {
font-family: hibiscus;
}

#text01 {
background: #fff;
padding: 7px;
border: 0.1px solid #C4C4C4;
border-radius: 3px;
}

#text02 {
font-family: ppg;
color: #fff;
-webkit-filter: drop-shadow(0px 0px 1.5px #FCD9E9);
-webkit-text-stroke: 1px #FCD9E9;
position: absolute;
bottom: 11em;
right: -1em;
z-index: 99999;
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}

#text03 {
background: radial-gradient(circle, #FFF5F7 9%, #FFFFFF 100%);
border-radius: 40px 40px 1px 1px;
filter: drop-shadow(0px 0px 1px #FACDE0);
font-family:'kosmos';
color: #FCA9CE;
-webkit-text-stroke: .1px #fff;
}

#text04 {
background: #fff;
padding: 7px;
border: 0.1px solid #C4C4C4;
border-radius: 3px;
height: 10em;
overflow: auto;
font-size: 0.70em;
}

#image02 {
right: -2em;
position: absolute;
z-index: 999;
bottom: 11.5em;
}

#icons01 {
-webkit-filter: drop-shadow(0px 0px .5px #000);
}

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

::-moz-selection { /* EDIT THIS ONE TOO */
color: #fff;
text-shadow: 0px 0px 2px #878787;
}

::selection {
color: #fff;
text-shadow: 0px 0px 2px #878787;
}
</style>

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat991.cur), auto !important;
}
</style>