neverland uwu ai - pro plus

haiii!! when rming this crd pls credit dollcrds~~ if you have any questions about this crd / tut you can dm me @ crrdcore on twt or send me a retrospring @ soobinzz!! as always these positions were set to my personal devices so they may not look good on other devices pls keep that in mind :3

--- CODES ---
<style>
@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf);}
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
#image02 {
animation: brrr 0.5s infinite;
}

@keyframes brrr {
0% {
transform: rotate(5deg);
}

50% {
transform: rotate(5deg);
}

51% {
transform: rotate(10deg);
}

100% {
transform: rotate(10deg);
}
}

#text03 {
animation: rubberBand 0.9s;
animation-iteration-count: infinite;
}

#text03 {
animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
0% {
color: #000000;
}

49% {
color: #000000;
}

60% {
color: #FFFFFF00;
}

99% {
color: #FFFFFF00;
}

100% {
color: #000000;
}
}

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

--- TUNES ---
<script>

document.getElementById("image01").onclick = function() {
var audio = document.getElementById("music");
if (audio.paused) audio.play();
else audio.pause();
}

</script>

<audio id="music" src="https://dl.dropbox.com/scl/fi/3e0ndej6ejvyd30zbnvx9/.mp3?rlkey=2gxt8ng2erv3e3ob13r5tuzd2&st=4xrqsi4u&dl=0" preload="auto"></audio>

--- CLICKSPLOSION ---
<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#fff', '#FFA1CE', '#FFD4EB', '#99C29D', '#BDDEC0');
// blue red green purple cyan orange pink

/****************************
* Clicksplosion Effect *
*(c)2012-3 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
stars[j]=createDiv('*', 13);
document.body.appendChild(stars[j]);
}
}}

function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}

function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
if (decay[i]) {
Z=stars[i].style;
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
else {
Z.left=Xpos[i]+'px';
Z.top=Ypos[i]+'px';
}
if (decay[i]==15) Z.fontSize='7px';
else if (decay[i]==7) Z.fontSize='2px';
else if (decay[i]==1) Z.visibility='hidden';
decay[i]--;
}
else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
Xpos[i]=x;
Ypos[i]=y-5;
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i].style;
if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
else if (M<2*colours.length) Z.color=colours[count%colours.length];
else Z.color=colours[i%colours.length];
Z.fontSize='13px';
Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}

function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}

function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
// ]]>
</script>

--- MAIN CONTAINER ---
height: 30em;
transform: rotate(5deg);

--- NAME TEXT ---
font-family: kawaii stitch;
width: 6em;
border: 5px dotted #FFA1CE;
border-radius: 50%;
background: #FFD4EB;
transform: rotate(-15deg);
bottom: -0.5em;

--- NAME TEXT MOBILE ---
width: 6em;

--- IPOD IMAGE ---
transform: rotate(-15deg);

--- ABOUT TEXT ---
font-family: 'Magica';
height: 8em;
transform: rotate(-15deg);
top: -1.5em;
overflow-y: scroll;

-- ABOUT TEXT HIGHLIGHT ---
font-family: kawaii stitch;
font-size: 1.5em;
color: #99C29D;
-webkit-text-stroke: 0.5px black;

--- DOLLCRDS CREDIT TEXT ---
font-family: 'Magica';
bottom: 1em;

--- STAR IMG ---
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #FFB5DD) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #FFB5DD) drop-shadow(0 -1px 1.5px #FFB5DD) drop-shadow(1px -1px 1.5px #FFB5DD) drop-shadow(-1px -1px 1.5px #FFB5DD);
position: absolute;
top: -5em;
left: 0.3em;
z-index: 2;

--- STAR IMG MOBILE ---
top: -4em;

--- SOOBIN IMG ---
position: absolute;
top: -22em;
left: 21em;
z-index: 99;

--- SOOBIN IMG MOBILE ---
top: -21em;

--- NAVIGATION CONTAINER ---
width: 11em;
transform: rotate(5deg);
position: absolute;
top: -28em;
left: 20em;
z-index: 9;

--- STAR / HOME ICON ---
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #BDDEC0) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #BDDEC0) drop-shadow(0 -1px 1.5px #BDDEC0) drop-shadow(1px -1px 1.5px #BDDEC0) drop-shadow(-1px -1px 1.5px #BDDEC0);

--- DIVIDERS ---
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #FFB5DD) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #FFB5DD) drop-shadow(0 -1px 1.5px #FFB5DD) drop-shadow(1px -1px 1.5px #FFB5DD) drop-shadow(-1px -1px 1.5px #FFB5DD);

--- HORIZONTAL DIVIDER ---
bottom: -0.75em;

--- POLAROID CONTAINERS ---
width: 13em;
height: 18em;
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white);
position: absolute;
top: -25em;
left: 2em;

--- WASHI TAPE IMG ---
position: relative;
bottom: 1.5em;

--- BOW IMG ---
position: relative;
top: 12.5em;
left: -6em;

--- NAVIGATION TEXT ---
font-family: 'Magica';

--- BYF/DFI CONTAINER ---
width: 11em;
height: 14.7em;
border: 5px dotted black;
position: absolute;
top: -24.3em;
left: 3em;

--- BYF/DFI TEXT ---
font-family: 'Magica';
height: 13em;
overflow-y: scroll;

--- BYF/DFI TEXT HIGHLIGHT ---
font-family: kawaii stitch;
font-size: 1.5em;
color: #FFA1CE;
-webkit-text-stroke: 0.5px black;

--- CUCUMBER STAR IMG ---
position: relative;
top: 13em;
left: 6em;