nemesis crd positioning codes

<style>

#icons01 {
position: relative;
top: .5em;
}

#text01 a:hover {
webkit-filter: blur(0.5px);
filter: blur(2px);
text-decoration: none;
}

#buttons01 {
z-index: 999;
position: absolute;
right: 1.5em;
bottom: 1em;
}

#text01 {
z-index: 999;
position: absolute;
top: -.5em;
left: -.125em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}

#container02 {
z-index: 998;
position: absolute;
left: 1em;
top: 2em;
-webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-9-7 14:29:39
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-in-hor-left
* ----------------------------------------
*/
@-webkit-keyframes scale-in-hor-left {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes scale-in-hor-left {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}

@media only screen and (max-width: 600px) {
#buttons01 {
z-index: 999;
position: absolute;
right: 1.125em;
bottom: 1em;
}
}

</style>