codes for seola uwu ai

---- bounce ----
<Style>.
bouncyyy {
animation: bounce 2s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
}

.letterone { animation-delay:0s; display:inline-block;}
.lettertwo { animation-delay:0.2s; display:inline-block;}
.letterthree { animation-delay:0.4s; display:inline-block; }
.letterfour { animation-delay:0.6s; display:inline-block;}
.letterfive { animation-delay:0.8s; display:inline-block;}
.lettersix { animation-delay:1s; display:inline-block;}
.letterseven { animation-delay:1.2s; display:inline-block;}

@keyframes bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-30px); } 50% { transform: scale(1.05,.95) translateY(0); } 60% { transform: scale(1,1) translateY(-4px); } 100% { transform: scale(1,1) translateY(0); } }</style>

---- for the name text ----
font-size: 5em;
font-family: 'cupcake';
color: #f3f4b0;
-webkit-text-stroke: 2px #aed529;
z-index: 99;
opacity: 80%;
animation: bounce 2s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
filter: drop-shadow(0px 0px 1px #45993D) drop-shadow(0px 0px 1px #45993D) drop-shadow(0 0px 2px #45993D) drop-shadow(0px 2px #45993D);
position: absolute;
bottom: -.5em;
left: 0em;

---- for main container border & main scrollbox border ----
border-radius: 3px;
border-radius: 0.75em;
border: 6px double #76AD71;
box-shadow: 0 0 0 1px black, inset 0 0 0 1px black, 0px 0px 8px 0px #000;
width: 22em;
height: 18em;