<!--    
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠤⠤⠤⠴⠶⠶⠒⠚⠋⠉⠉⠉⠉⣷⢀⣀⡤⠤⠶⠶⠒⠛⢶⡄⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡀⠀⣿⠉⠀⠀⠀⠀⠀⠀⠀⠀⢿⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⣇⣾⠀⠀⠀⠀⣴⡄⢠⣿⣄⡀⣰⠏⠙⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣧⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠤⠶⠚⠉⠉⠙⢦⣄⣀⣀⡟⠙⠋⠁⠈⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇⠀⠀⠀⠀⠀⠀⠀⠈⠉⠁⠀⠀⠀⠀⠀⢀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣇⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⢰⠋⢈⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣇⠀⠀⠀⠀⠀⠀⠀⠀⠠⣆⠀⠀⢿⠀⢸⡶⢿⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣤⣀⡼⠀⠀⠻⠀⠀⠙⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡖⠀⠀⠀⠀⠀⠀⠀⠀⠸⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠳⣦⡀⣼⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⣧
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⠇⣿⠀⠀⠀⠀⠀⠀⣀⣀⠀⠀⠀⠀⠀⡟⢳⣄⠀⠀⠀⠀⠙⣇⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⡿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡿⠀⢿⡀⠀⠀⠀⢀⡞⠁⠉⠓⠀⠀⠀⠀⣯⠴⠻⣆⠀⠀⠀⠀⢻⡆⠀⠀⠀⠻⠃⠀⠀⠀⠀⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇⠀⢸⡇⠀⠀⠀⠘⣧⠀⠖⠚⣷⠀⠀⠀⣧⠀⠀⠘⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡟⠀⠀⠘⡇⠀⠀⠀⠀⠘⠷⣤⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡾⠀⠀⠀⠀⢸⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡠⠞⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠾⣦⠀⢸⡇⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⡤⠔⠚⠉⠀⠀⠀⠀
⠀⠀⣴⢦⣄⠀⠀⢀⣰⠏⠀⠘⣧⣿⠀⠀⠀⠀⢠⢾⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⡤⠴⠶⠒⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⡏⠀⠈⠛⠋⠉⢀⣴⣿⣟⢿⡏⠀⠀⢀⡴⠋⠀⣧⠀⠀⢀⣀⣠⣤⣤⠤⠴⠒⠚⠛⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⣧⢀⣴⣶⣶⡄⢾⣿⣿⡿⣸⠃⠀⢠⠞⠁⠀⠀⠈⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢿⣿⣿⣿⣿⣿⠘⢿⣭⡵⠋⠀⣰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠳⣬⣿⣭⠯⠖⠚⠁⠀⢀⡞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢠⠇⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣰⠏⠀⣀⠀⠀⠀⠀⠀⢸⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⡼⢃⡴⠚⡿⠀⠀⠀⣤⠀⠈⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣾⠗⠋⠀⢠⡏⠀⠀⣸⠋⢷⡀⢹⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠋⠁⣄⠀⢠⡿⡇⠀⢰⡏⠀⠀⠻⣮⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠙⠛⠋⠀⡇⢠⡟⠀⠀⠀⠀⠈⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣧⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

-->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
<title>laby's imaginary world</title>
     <link href="https://file.garden/ZhavUlLLjRCJOve6/maid.gif" rel="shortcut icon" type="image/gif">
<script>
const titleText = "welcome to cyberspace . . . !         ";
let position = 0;

function scrollTitle() {
  document.title =
    titleText.slice(position) + titleText.slice(0, position);

  position = (position + 1) % titleText.length;
}

setInterval(scrollTitle, 180);
</script>

<script type="text/javascript">
// <![CDATA[
var colour="#ee9dc3"; // what colour are the blobs
var speed=50; // speed of animation, lower is faster
var blobs=20; // how many blobs are in the jar
var charc='❤︎'; // a blob - can be changed to charc='hello' or charc='*' for a different effect
 
/***************************\
* Blobs in a Jar Effect *
* (c)2012 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
 
window.onload=fill_the_jar;
var div;
var xpos=new Array();
var ypos=new Array();
var zpos=new Array();
var dx=new Array();
var dy=new Array();
var dz=new Array();
var blob=new Array(); 
var swide=800;
var shigh=600;
function fill_the_jar() {
var i, dvs;
div=document.createElement('div');
dvs=div.style;
dvs.position='fixed';
dvs.left='0px';
dvs.top='0px';
dvs.width='100%';
dvs.height='100%';

dvs.zIndex='-9999';
dvs.pointerEvents='none';
dvs.overflow='hidden';
document.body.appendChild(div);
set_width();
for (i=0; i<blobs; i++) {
 add_blob(i);
 jamjar(i);
}
}
 
function add_blob(ref) {
var dv, sy;
dv=document.createElement('div');
 dv.appendChild(document.createTextNode(charc));
sy=dv.style;
sy.position='absolute';
sy.textAlign="center";
 if (navigator.appName=="Microsoft Internet Explorer") {
 sy.fontSize="10px";
 sy.width="100px";
 sy.height="100px";
 sy.paddingTop="40px";
 sy.color=colour;
}
else sy.color='rgba(0,0,0,0)';
 ypos[ref]=Math.floor(shigh*Math.random());
dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
xpos[ref]=Math.floor(swide*Math.random());
dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
zpos[ref]=Math.random()*20;
dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
blob[ref]=dv;
div.appendChild(blob[ref]);
set_blob(ref);
}
function rejig(ref, xy) {
 if (xy=='y') {
dx[ref]=(0.5+Math.random())*sign(dx[ref]);
 dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
 }
 else {
 dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
 dy[ref]=(0.5+Math.random())*sign(dy[ref]);
 }
}
function sign(a) {
 if (a<0) return (-2);
 else if (a>0) return (2);
 else return (0);
}
function set_blob(ref) {
var sy;
sy=blob[ref].style;
sy.top=ypos[ref]+'px';
sy.left=xpos[ref]+'px';
 if (navigator.appName=="Microsoft Internet Explorer") {
 sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
 sy.fontSize=30-zpos[ref]+"px";
}
else {
 sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
 sy.fontSize=40+zpos[ref]+'px';
}
}
function jamjar(ref) {
if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
ypos[ref]+=dy[ref];
if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
xpos[ref]+=dx[ref];
if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
zpos[ref]+=dz[ref];
set_blob(ref);
setTimeout("jamjar("+ref+")", speed);
}
 
window.onresize=set_width;
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)!="undefined" && 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;
 shigh=sh_min;
}
// ]]>
</script>

<script type="text/javascript">
// <![CDATA[
var sparks=75;
var speed=33;
var bangs=5;
var colours=new Array('#e78ab3', '#ee9dc3', '#ffb6d9');

/****************************
*   Clicksplosion Effect    *
****************************/

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='99999';
  sty.pointerEvents='none';
  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(function(){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() {
  swide=window.innerWidth;
  shigh=window.innerHeight;
}

function set_scroll() {
  sdown=window.pageYOffset;
  sleft=window.pageXOffset;
}
// ]]>
</script>
   <style>
@font-face {
font-family: 'Quick Love';
src: url(https://file.garden/ZhavUlLLjRCJOve6/Quick%20Love.ttf);
}
@font-face {
    font-family: 'Mochibop';
    src: url('https://file.garden/ZhavUlLLjRCJOve6/Mochibop-Demo.ttf') format('truetype');

}
@font-face {
    font-family: 'Basiic';
    src: url('https://file.garden/ZhavUlLLjRCJOve6/basiic.ttf');
}
</style>
    <style type="text/css">* {cursor: url(https://cdn.cursors-4u.net/css-previews/blinking-pink-hello-kitty-17d9d45e-css.webp), auto !important;}</style>
    <script type="text/javascript">

</script>
          
                        
                      
    <style>
    body{
      text-align: center;
      font-family: 'Mochibop', sans-serif;
  background-image: url("https://i.pinimg.com/736x/ba/b5/b9/bab5b9d724c087d31e3c9cd4826714fb.jpg");
      color: #ff9ac3;
padding-top: 150px;
padding-bottom: 50px;
overflow-x: auto;
    min-width: 1600px;
    font-size: 20px;
    
}
    .main{
    position: relative;

    background-image: url(https://file.garden/ZhavUlLLjRCJOve6/bgs/b735977369226cb5fde3462208fdc848.jpg);
    background-size: 600px;
    border: 4px double hotpink;
    width: 950px;
    height: 1230px;
    margin: auto;
    padding: 15px;
    border: 9px solid white;
    border-image: url(data:image/gif;base64,R0lGODlhGwAVAPEAAAAAAPe21P3w9gAAACH5BAUAAAAALAAAAAAbABUAAAJUhB+JahkHYRD0zQqueBHRr1Uf1mXjdoZb55yu63ji+2oWjdNJzo9737sBcZyMasgwDXXKpe7oBEGjK9vStpgSkzJQKlVqzry+cFNYBZkbyRi7eCgAADs=) 8 round;
    border-radius: 20px;
    z-index: 9;
}
.wrapper{
      width: 920px;
      height: 1220px;
      margin: auto;
background-image: url(https://file.garden/ZhavUlLLjRCJOve6/bgs/istockphoto-1487028236-612x612.jpg);
box-shadow: #ffcee9 0 0 0px 5px, #ffffff 0 0 0px 7px, #ffbfd7 0 0 10px 7px, inset #ffffff 0 7px 8px -3px, inset #ffffffab 0 0 9px;

border-radius: 15px 15px 15px 15px;
border: 1px solid #ffabbf;


}
.wrapper2{
      width: 920px;
      height: 1190px;
      margin: auto;
      padding: 10px;
}
    .side{
      border: 1px solid hotpink;
      height: 300px;
      float: left;
      width: 180px;
      margin-top: 10px;
border-width: 10px;
border-style: solid;
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
    }
.nav{

      background: linear-gradient(#FFD3E9 , #FEC7E7 40%, #FF79BC); 

}
nav {
  list-style-type: none;
  margin: 10px;
  padding: 0;
border radius: 10px;
      width: 180px;
     background: ;
       text-align: center; 
         margin: 10px auto;  
}

butta a {
  border-radius: 5px;
  margin-bottom: 5px;
  margin-left: -15px;
      width: 155px;
        display: inline-block;
  color: #ff9ac3;
  background: linear-gradient(#FFC3E3 , #FFB5DC 40%, #FF8FCB); 
  text-decoration: none;
box-shadow: 2px 2px 4px 0px #FFD1E8 inset;
        border-color:#FFB8D9;
        border-width: 0px;
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(255,237,244,1) 50%,rgba(255,224,239,1) 51%,rgba(255,232,244,1) 100%);
             1px 1px #fff, -1px -1px #fff, 1px -1px
             #fff, -1px 1px #fff;
border: 1px double pink;
    font-size: 25px;

}

butta a:hover {
background: radial-gradient(circle, rgba(255, 252, 252, 1) 0%, rgba(255, 224, 241, 1) 100%);
  color: pink;
    transform: scale(1.05);
      transition: transform 0.2s ease; 
}
.headah{
  border: 1px double hotpink;
  width: 860px;
  height: 250px;
  margin: auto;
  left: -10px;
  padding: 10px;
  background-image: url("https://file.garden/ZhavUlLLjRCJOve6/bg.png");
  background-size: cover;
  position: relative;
align-items: center;
    background-size: cover;
    background-position: 100% 50%;
    border-radius: 15px;
    position: relative;
    border: 2px ridge white;
box-shadow: #ffcee9 0 0 0px 5px, #ffffff 0 0 0px 7px, #ffb0cd 0 0 10px 7px, inset #ffffff 0 7px 8px -3px, inset #ff6c96ab 0 0 9px;
border-radius: 3px 15px 15px 15px;
    border-width: 5px;
    border-style: solid;
          margin-top: 10px;
}
.headah-image{
  position: absolute;
  top: -.5px; 
  left: 32%;

  width: 590px; 
  height: auto;

  z-index: 3; 
filter:
    drop-shadow(0 0 5px white)
    drop-shadow(0 0 10px rgba(255,255,255,0.9))
    drop-shadow(0 0 20px rgba(255,255,255,0.7));
}
.cat-ears{
  position: absolute;
  top: -337px;
  left: 0;
  width: 100%;   
  z-index: 0;
  

}

.cat-ears img{
  position: absolute;
  height: 100px;
    z-index: 0;
}


.ear.left{
  left: 90px;
    z-index: 0;
}

.ear.right{
  right: 90px;
}

.mename{
  position: absolute;
  top: 206px;  
  left: 0;
  width: 25rem;
  height: 4rem;
  display: flex;
  align-items: center;
  

  background: url(https://file.garden/ZhavUlLLjRCJOve6/kabekiraw1.gif),
              url(https://file.garden/ZhavUlLLjRCJOve6/bgs/b735977369226cb5fde3462208fdc848.jpg),
              linear-gradient(180deg, #f79dc4, #ffd8e9);

  border-radius: 2rem 2rem 0 0;
  padding-left: 10px;
  color: white;
  -webkit-text-stroke: 3px #d980ac;
  z-index: 5;
}

.mename h1{
  font-size: 35px;
  font-family: 'Quick Love', sans-serif;
  margin: 0;

    -webkit-text-stroke: 2px #ff93ca;
    filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(1px 1px 0.1px #ff93ca);
}
.lacey{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 227px; 
  align-items: center;
  z-index: 4;
background-image: url(https://file.garden/ZhavUlLLjRCJOve6/lace.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  }
  .lacie{
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  height: 227px; 
  align-items: center;
  z-index: 4;
background-image: url(https://file.garden/ZhavUlLLjRCJOve6/lace.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
    transform: rotate(180deg);
  }
  .status{
  border: 1px solid hotpink;
  height: 320px;
  float: right;
  width: 220px;
  margin-top: 10px;

  position: relative;
  right: 25px; 

  border-width: 10px;
  border-style: solid;
  border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
}
    .mid{
      height: 300px;
  float: left;
  width: 440px;
  margin-top: 10px;
  margin-left: 10px;
  overflow: auto;

  border-width: 10px;
  border-style: solid;
  border-image: url("https://i.imgur.com/2jXrMdE.png") 11 round;

  background-image: url("https://file.garden/ZhavUlLLjRCJOve6/bgs/7b9ca87a2d7ed75e2927585e6e354aaf.jpg");
 
  background-position: center;

  }
.mid-divider {
    display: block;
    width: 420px;
    height: auto;
    margin: -8px auto 0 auto;
}
.mid-divider-bottom {
    display: block;
    width: 420px;
    margin: -5px auto 0 auto;
    transform: rotate(180deg);
}
      .stamps{
    height: 20px;
    float: left;
    width: 870px;
    margin-top: 10px;
    margin-bottom: 8px;

    border-width: 10px;
    border-style: solid;
    border-image: url("https://i.imgur.com/2jXrMdE.png") 10 fill round;

    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.stamp-track2 {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: stampScroll2 15s linear infinite;
}

.stamp-track2 img {
    flex-shrink: 0;
}

@keyframes stampScroll2 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
  .pet{
width:320px;
height:320px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-width: 10px;
border-style: solid;
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;


 }
     
.chat{
 border:1px double hotpink;
 width:270px;
 height:321px;
 margin-top:10px;
 margin-left:1px;
 float:left;
border-width: 10px;
border-style: solid;
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
}
      .stampy{
    height: 56px;
    float: left;
    width: 870px;
    margin-top: 10px;
    margin-bottom: 10px;

    border-width: 10px;
    border-style: solid;
    border-image: url("https://i.imgur.com/2jXrMdE.png") 10 fill round;

    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.stamp-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: stampScroll 25s linear infinite;
}

.stamp-track img {
    flex-shrink: 0;
}

@keyframes stampScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
  .welcome{
border: 1px solid #ffc5dd;
    height: 20px;
    margin-left: 5px;
    width: 880px;
    margin-top: 15px;
    padding: 3px;
    background: linear-gradient(#FFC3E3, #FFB5DC 40%, #ffffff);
    border-radius: 15px;
    background-image: linear-gradient(#dadcde, white 50%, #ffdded 50%, white);
    border-width: 2px;
    background-size: 100px;
    background-position: center;
    background-repeat: repeat;
    overflow: hidden;
    align-items: center;
    box-shadow: inset 0px 1px 6px 1px #ffdcee;
        font-size: 22px;
        line-height: 20px;
    
  }
    .footer{
border: 1px solid #ffc5dd;
    height: 20px;
    margin-left: 5px;
    width: 880px;
    margin-top: 15px;
    padding: 3px;
    background: linear-gradient(#FFC3E3, #FFB5DC 40%, #ffffff);
    border-radius: 15px;
    background-image: linear-gradient(#dadcde, white 50%, #ffdded 50%, white);
    border-width: 2px;
    background-size: 100px;
    background-position: center;
    background-repeat: repeat;
    overflow: hidden;
    align-items: center;
    box-shadow: inset 0px 1px 6px 1px #ffdcee;
    font-size: 20px;
        line-height: 20px;
  }
  .update{
  overflow: auto;
width:190px;
height:300px;
margin-top: 10px;
margin-left: 10px;
  float: left;
  margin-left: 10px;
border-width: 10px;
border-style: solid;
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
}
.head{

  border-radius: 15px 15px 15px 15px;
  padding: 4px;
  text-align: center;
  margin-bottom: 10px;


  font-size: 30px;
  font-family: 'Quick Love', sans-serif;

  background: 
    url(https://file.garden/ZhavUlLLjRCJOve6/bgs/b735977369226cb5fde3462208fdc848.jpg),
linear-gradient(0deg, rgba(255,182,217,0.6), rgba(255,240,246,0.6));

  background-blend-mode: soft-light;


  box-shadow: 
    inset #ffffff 0 5px 8px,
    inset #ff9ecf 0 0 4px;


  border: 1px solid #ff9ecf;


  color: #ffffff;
  -webkit-text-stroke: 2px hotpink;
  paint-order: stroke fill;


  filter: drop-shadow(0 0 1px white)
          drop-shadow(0 0 1px white)
          drop-shadow(1px 1px 0.1px pink);
  );

  box-shadow: 2px 2px 4px 0px #FFD1E8 inset;
  border: 1px double pink;
}
.nav-scroll{
  height: 240px;           
  overflow-y: auto;
  overflow-x: hidden;

  padding: 0px;
}

.subhead{
  border-radius: 15px 15px 15px 15px;
  padding: 4px;
  text-align: center;
  margin-bottom: 10px;
      width: 155px;


  font-size: 20px;
  font-family: 'Quick Love', sans-serif;

  background: 
    url(https://file.garden/ZhavUlLLjRCJOve6/bgs/b735977369226cb5fde3462208fdc848.jpg),
linear-gradient(0deg, rgba(255,182,217,0.6), rgba(255,240,246,0.6));

  background-blend-mode: soft-light;


  box-shadow: 
    inset #ffffff 0 5px 8px,
    inset #ff9ecf 0 0 4px;


  border: 1px solid #ff9ecf;


  color: #ffffff;
  -webkit-text-stroke: 2px hotpink;
  paint-order: stroke fill;


  filter: drop-shadow(0 0 1px white)
          drop-shadow(0 0 1px white)
          drop-shadow(1px 1px 0.1px pink);
  );

  box-shadow: 2px 2px 4px 0px #FFD1E8 inset;
  border: 1px double pink;
}
.inner{
  margin: auto;
  margin-top: -10px;
  width: 400px; 
 padding: 10px;
}
 .blur-link,
.blur-link:visited {
    color: #d94b91;
    text-decoration: underline;
    transition: all 0.2s ease;
}

.blur-link:hover {
    color: #d94b91;
    filter: blur(1.5px);

}
.intro-text {
    font-family: 'Basiic', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
text-shadow:
        1px 1px 0px white,
       -1px -1px 0px white,
        1px -1px 0px white,
       -1px 1px 0px white;

}
.stat{

  margin: auto;
  margin-top: 10px;
  width: 170px; 


   background-color: white;
}
#statuscafe {
    height: 100px;
    width: 190px;
    margin: auto;
    margin-top: 10px;
    overflow: auto;
    border-radius: 10px;
     line-height: 1.1;
     
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    
}
#statuscafe a,
#statuscafe a:visited {
    color: #ff9ac3 !important;
    text-decoration: none;
}
hr{
  border: 1px solid hotpink;
  }
      .top {
      
      width:100%;
      height:48px;
      position:fixed;
      z-index:999;
      right:0px;
      top:-2px;
      background:url("https://file.garden/ZhavUlLLjRCJOve6/tumblr_b72f791cfe016f853776fb0f4b458330_0fdb04ee_2048.png") repeat left top;
position: fixed;
left: 0px;
background-size: 390px;
}
      .bottom {
      
      width:100%;
      height:48px;
      position:fixed;
      z-index:999;
      right:0px;
bottom: -2px;
      background:url("https://file.garden/ZhavUlLLjRCJOve6/tumblr_b72f791cfe016f853776fb0f4b458330_0fdb04ee_2048.png") repeat left top;
position: fixed;
left: 0px;
background-size: 390px;
    transform: rotate(180deg);
}
     
    ::-webkit-scrollbar {
        
        width: 10px;
        height: 10px;
        }

        ::-webkit-scrollbar-track {
        background-color: #ffffff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-size: cover;
        
        }

        ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #fff0f9;
background: linear-gradient(180deg, rgba(255, 240, 249, 1) 0%, rgba(255, 212, 237, 1) 100%);
        border: 1px solid #FFB0E3;
        
        }
        .image1 {
    position: absolute;
margin-left:800px;
margin-top:-300px;
    width: 200px;
    height: 400px;
    z-index: 100;
    pointer-events: none;
    background-image: url(https://file.garden/ZhavUlLLjRCJOve6/8wc6dp.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

    </style>
    <style>
#float {
    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); }    
}
.corner-sticker{
  filter: drop-shadow(1px 1px 3px #ff5badff);
  position: fixed !important;
  right: -15 !important;
  bottom: -10px !important;
  top: auto !important;
  left: auto !important;

  margin: 0 !important;
  padding-bottom: 15px !important;

  width: 200px !important;
  height: auto !important;

  transform: none !important; 
  z-index: 9998 !important;

  pointer-events: none !important;
  user-select: none !important;
  display: block !important;
  
} 
.floating1 {
position: absolute;
    margin-left: 1000px;
margin-top: 300px;
    width: 250px;
    top: 140px;
    height: 260px;
    padding: 3px;
    border-style: solid;
      z-index: 99;
         border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border: 10px solid white;
border-width: 7px;
    border-style: solid;
    border-image: url(https://file.garden/ZhavUlLLjRCJOve6/pinkborder2.gif) 7 fill round;
    box-shadow: #ffcee9 0 0 0px 5px, #ffffff 0 0 0px 6px, #ffbfd7 0 0 10px 6px, inset #ffffff 0 7px 8px -3px, inset #ffffffab 0 0 9px;
  
}
.rightimage{
  position: absolute;
  left: auto;
  right: -70px;
  top: 180px;
  margin-top: 140px;

  width: 350px;
  height: auto;

  z-index: 10;
  pointer-events: none;


  transform: scaleX(-1);

  filter: drop-shadow(0 0 6px white)
          drop-shadow(0 0 12px rgba(255,255,255,0.8))
          drop-shadow(0 0 20px rgba(255,255,255,0.6));

  animation: rightimageFloat 3s ease-in-out infinite;
}

@keyframes rightimageFloat {
  0%   { transform: scaleX(-1) translateY(0px); }
  50%  { transform: scaleX(-1) translateY(-15px); }
  100% { transform: scaleX(-1) translateY(0px); }
}
.floating2 {
position: absolute;
    margin-left: 1000px;
    margin-top: 0px;
    top: 0px;
    width: 250px;
    height: 380px;
    padding: 3px;
    border-style: solid;
    z-index: 99;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border: 10px solid white;
border-width: 7px;
    border-style: solid;
    border-image: url(https://file.garden/ZhavUlLLjRCJOve6/pinkborder2.gif) 7 fill round;
    box-shadow: #ffcee9 0 0 0px 5px, #ffffff 0 0 0px 6px, #ffbfd7 0 0 10px 6px, inset #ffffff 0 7px 8px -3px, inset #ffffffab 0 0 9px;
  
}
.floating3 {
    position: absolute;
    left: -310px;
    top: 0px;

    width: 250px;
    height: 380px;
    padding: 3px;

    z-index: 99;
    border-radius: 5px;
    border-width: 7px;
    border-style: solid;
    border-image: url(https://file.garden/ZhavUlLLjRCJOve6/pinkborder2.gif) 7 fill round;

    box-shadow:
      #ffcee9 0 0 0px 5px,
      #ffffff 0 0 0px 6px,
      #ffbfd7 0 0 10px 6px,
      inset #ffffff 0 7px 8px -3px,
      inset #ffffffab 0 0 9px;
  overflow: hidden;
}
.neighbor-scroll{
    height: 90px;
    overflow-y: auto;
    overflow-x: hidden;

    padding: 4px;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;

    background-color:white;

    border: 1px solid #ffb6d9;
    border-radius: 8px;

    box-shadow:
        inset 0 0 4px #ffffff,
        inset 0 0 8px #ffd6ea;
}

.neighbor-scroll img{
    width: 88px;
    height: 31px;
    display: block;
}
.linkme{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 4px;
}

.button-note{
  margin: 0;
  line-height: 1.1;
  text-align: center;
}

.button-code{
  margin: 0;
}

.button-code p{
  margin: 2px 0;
  line-height: 1;
}

.icbutton{
  margin: 0;
  padding: 0;
}

.icbutton img{
  display: block;
}

.button-code textarea{
  margin-top: 2px;
}

.floating4 {
    position: absolute;
    left: -310px;
    top: 300px;
margin-top: 140px;
    width: 250px;
    height: 260px;
    padding: 3px;

    z-index: 99;
    border-radius: 5px;
    border-width: 7px;
    border-style: solid;
    border-image: url(https://file.garden/ZhavUlLLjRCJOve6/pinkborder2.gif) 7 fill round;

    box-shadow:
      #ffcee9 0 0 0px 5px,
      #ffffff 0 0 0px 6px,
      #ffbfd7 0 0 10px 6px,
      inset #ffffff 0 7px 8px -3px,
      inset #ffffffab 0 0 9px;
}
.left-gallery {
    width: 240px;
    height: 170px;

    margin: 10px auto 0 auto;

    overflow-y: auto;
    overflow-x: hidden;

    background-image: url("https://file.garden/ZhavUlLLjRCJOve6/bgs/7b9ca87a2d7ed75e2927585e6e354aaf.jpg");

    text-align: center;
    padding: px;

    box-sizing: border-box;
}

.left-gallery img {
    display: inline-block;
    margin: 2px;
    vertical-align: top;

}
.leftimage{
  position: absolute;
  left: -60px;
  top: 180px;
  margin-top: 140px;

  width: 350px;
  height: auto;
z-index: 10;
  pointer-events: none;
filter: drop-shadow(0 0 6px white)
          drop-shadow(0 0 12px rgba(255,255,255,0.8))
          drop-shadow(0 0 20px rgba(255,255,255,0.6));

animation: leftimageFloat 3s ease-in-out infinite;
}

@keyframes leftimageFloat {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}
.header-image{
  position: absolute;
  top: -100px; 
  left: -15%;

  width: 400px; 
  height: auto;

  z-index: 3; 
  pointer-events: none;
    animation: floating 6s ease-in-out infinite;
    filter:
    drop-shadow(0 0 5px white)
    drop-shadow(0 0 10px rgba(255,255,255,0.9))
    drop-shadow(0 0 20px rgba(255,255,255,0.7));
}
.topbox{
    background-image: url("https://file.garden/ZhavUlLLjRCJOve6/bgs/d267390d73a2622999be854d527abb46.jpg");
     border: 4px double hotpink;
      width: 950px;
      margin: auto;
      padding: 30px;
      margin-bottom: 40px;
box-shadow: #ffcee9 0 0 0px 5px, #ffffff 0 0 0px 7px, #ffbfd7 0 0 10px 7px, inset #ffffff 0 7px 8px -3px, inset #ff6c96ab 0 0 9px;
border-radius: 5px 5px 5px 5px;
    border-style: solid;
    filter: drop-shadow(0px 0px 3px rgba(255, 137, 202, 0.623));
border: 10px solid white;
    border-image: url(data:image/gif;base64,R0lGODlhGwAVAPEAAAAAAPe21P3w9gAAACH5BAUAAAAALAAAAAAbABUAAAJUhB+JahkHYRD0zQqueBHRr1Uf1mXjdoZb55yu63ji+2oWjdNJzo9737sBcZyMasgwDXXKpe7oBEGjK9vStpgSkzJQKlVqzry+cFNYBZkbyRi7eCgAADs=) 8 round;
    position: relative;
    z-index: 99;

}
.topbox h1{
font-family: 'Quick Love', sans-serif;
margin: 0;
text-align: center;
position: relative;
left: 50px;

font-size: 70px;
letter-spacing: -1px;
filter: drop-shadow(1px 1px 0px #ff91d4) drop-shadow(-1px -1px 0px #fff) drop-shadow(2px 2px 1px #ffc6e8) drop-shadow(-1px -1px 1px #ffc6e8) drop-shadow(1px 1px 0px #ff5eab) drop-shadow(0px 0px 2px #ff9ecc);

background: linear-gradient(to bottom, #ffbde4, #fff7fc, #ffbde4);
-webkit-background-clip: text;
background-clip: text;
color: transparent;

}
</style>
<style>
#cal_body{
opacity: 1!important;
color: #ff9ac3;
}

.cal_calendar{
    border:1px solid #ffb3d4;
    padding:2px;
    background: linear-gradient(180deg, #ffe0ef, white);

    width:250px;
    height:210px;

    margin:auto;
    border-radius:3px;

    font-size:18px;
}

.cal_calendar th
{
    border:1px solid #ffb3d4;
    background-color:#ffffff;
    border-radius: 3px;
		width:36px;
    color: #ff9ac3;
}

.cal_calendar td
{
    border: 1px solid #ffc2ddb6;
    background-color:#ffffff;
    text-align:center;
    border-radius: 3px;
    background: url(https://file.garden/ZhavUlLLjRCJOve6/0021.png),
                linear-gradient(0deg, #ffe0ef, #ffffff);
    box-shadow: inset #f6b6d1 0 0 3px;
    background-size: 1rem;
}

.cal_today
{
    color:#ff5b9f;
		font-weight:bold;
		background: linear-gradient(to bottom, #ffe3f0, #ffb6da) !important;
    box-shadow: 0 0 0 1.5px #ff74c4 inset;
}

.cal_days_bef_aft
{
    color:#ff7eb2;
}
.container {
    position: relative;
    height: 340px;
top: -10px;
    width: 250px;
    margin: 10px auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 10px;
    transform: scale(0.95);
}

.box {
    position: absolute;
    height: 55%;
    width: 103%;
    background: #FEF0F7;
    bottom: -10%;
    z-index: 2;
}

#thumbnail {
    position: absolute;
    width: 103%;
    top: -7%;
    z-index: 1;
}

.song-artist {
    position: absolute;
    bottom: 28%;
    left: 25%;
    z-index: 3;
    font-weight: bold;
}

.song-title {
    position: absolute;
    bottom: 23%;
    left: 25%;
    z-index: 3;
    color: #FEA5D4;
    font-size: 14px;
}

/* buttons */
#play-pause, #next-song, #previous-song {
    position: absolute;
    z-index: 4;
    cursor: pointer;
}

#play-pause { bottom: 22%; left: 5%; width: 45px; }
#next-song { right: 8%; bottom: 21%; width: 25px; }
#previous-song { right: 10%; bottom: 29%; width: 25px; }

/* progress bar */
#progress-bar {
    position: absolute;
    bottom: 12%;
    width: 80%;
    z-index: 4;
}

/* volume slider */
#volume-slider {
    position: absolute;
    bottom: 4%;
    width: 55%;
    left: 22%;
    z-index: 4;
}

#progress-bar,
#volume-slider {
    accent-color: #ff9ac3;
}

/* track styling */
#progress-bar::-webkit-slider-runnable-track,
#volume-slider::-webkit-slider-runnable-track {
    height: 6px;
    background: linear-gradient(90deg, #ffd6ea, #ffb6d9);
    border-radius: 10px;
    border: 1px solid #ff9ac3;
}

/* thumb styling */
#progress-bar::-webkit-slider-thumb,
#volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;

    width: 14px;
    height: 14px;

    background: #ff9ac3;
    border-radius: 50%;
    border: 2px solid white;

    margin-top: -5px;
    cursor: pointer;

    box-shadow: 0 0 6px #ffd6ea;
}
</style>
  </head>
  <body>
      
  <img class="corner-sticker" src="https://file.garden/ZhavUlLLjRCJOve6/weee.png"/>
  <div class="top"></div>
      <div class="topbox">
<img class="header-image" src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_e1227c3818f2d90903d3e9ee0bd5b288_c018f8c4_400.png">
  <h1>INTERNETCATGIRL!!!</h1>
</div>
  <div class="main">
<div class="floating1">

  <div class="head">TODAY!</div>


  <script type="text/javascript" src="https://www.webestools.com/ftp/ybouane/scripts_tutorials/javascript/calendar/calendar.js"></script>

  <div class="calendar">
    <script type="text/javascript">
      calendar();
    </script>
  </div>
<img class="rightimage" src="https://file.garden/ZhavUlLLjRCJOve6/459px-Skill_Cutin_-_Shining_RomanticaNoFX1%20(1).png">
</div>
<div class="floating2">
  <div class="head">MUSIC!</div>
<audio src="https://file.garden/ZhavUlLLjRCJOve6/%E3%83%8A%E3%83%A6%E3%82%BF%E3%83%B3%E6%98%9F%E4%BA%BA%20-%20%E3%83%80%E3%83%B3%E3%82%B9%E3%83%AD%E3%83%9C%E3%83%83%E3%83%88%E3%83%80%E3%83%B3%E3%82%B9%20(ft.%E5%88%9D%E9%9F%B3%E3%83%9F%E3%82%AF)%20OFFICIAL%20MUSIC%20VIDEO.mp3" id="song"></audio>

    <div class="container">  
        <div class="box"></div>      
        <img src="https://file.garden/ZhavUlLLjRCJOve6/Laby.gif" id="thumbnail"/>
        
        <img src="https://64.media.tumblr.com/f4575fffd1a8f405ab89bf7ed7dae3dd/c6558c51d618e17f-f4/s75x75_c1/aaa0fcfb4ecf3e2c44fa0bf33089bf837db9e4ce.gifv" onclick="playPause()" id="play-pause"/>
        
        <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/arwx7.gif" onclick="nextSong()" id="next-song"/>
        <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/arwx6.gif" onclick="previousSong()" id="previous-song"/>

        <div class="song-artist">nayutalien</div>
        <div class="song-title">DANCE ROBOT DANCE</div>

        <!-- Input element for progress bar - min=0 starting value of every song - max length will change per song so leave empty -->
        
        <input type="range" id="progress-bar" min="0" max="" value="0" onchange="changeProgressBar()"/>

<input type="range" id="volume-slider" min="0" max="1" step="0.01" value="0.2">

        <div class="currentTime"></div>
        <div class="durationTime"></div>
    </div>

</div>
<div class="floating3">
  <div class="head">neighbors!</div>
<div class="neighborbox">

  <div class="button-note">sites i like will be added soon!</div>

  <div class="neighbor-scroll">
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
    <a href="#"><img src="https://placehold.co/88x31/ffd6ea/ff6ca8?text=BUTTON"></a>
  </div>

</div>
<div class="linkme">

  <div class="button-note">
    LINK MEEE? ♡
  </div>

  <div class="icbutton">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/button/icbutton.gif">
  </div>

  <div class="button-code">
    <p>copy my button code!!!</p>

    <textarea readonly><a href="https://internetcatgirl.neocities.org" title="internetcatgirl"><img src="IMAGE LINK HERE"></a></textarea>
  </div>

  <div class="button-note">
download my button and if u add me let me know!!! :3 ♡
  </div>

</div>
</div>

<div class="floating4">
    <div class="head">stickers n stuff!</div>

    <div class="left-gallery">

<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/mad_trigger_crew.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/rio_mason_busujima.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/catgender.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/nyaliengender%20(1).png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/DIGIGENDER%20(1).png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/cyber_angel.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/frutiger_aero.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/ARTIST.png">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_6eccac76a43c5af20780682afb9cd9b1_9f9d0933_100.webp">
        <img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_cd2a27923bb9cd4d169d173bef7b5466_4ec9d64d_100.webp">
        <img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_c80a76ca695954531538970fac5cb4bd_c9e49254_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/lavbuttons%20(1).gif">
        <img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_5890c7a889eee6ffb4ed45cceb733609_68456d6f_100.webp">
        <img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_5d76b09139ac0f5b238543c7f388b157_c988eae7_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_6d76807e980ad08b3c5e883c6d648c88_124d0740_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_357fa7ea7c710ea7a0acda4bdc0efe98_bb65e35d_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_707d9d3837e74108ed047aa33a6c42a5_d98162fa_100.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_11f07751fac09757e85c7ec023a1158a_6ddb4889_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_fd6dfd1ec826a262ccf79de807245ab9_67a71e2c_100.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_5354b914e5cc2f36db5b4759fb874a59_43343379_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_a543d33f050cea45fa657306f9daaa7f_51a7966f_75.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_221e09fe854aa8de34479f37f6c0df05_525c089c_100.webp">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/SdgvFYj.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/XXPU5iq.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/Kox83qI.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/forever_online.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/minecraft.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/strawberry.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/scottgames.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/vocaloid.gif">
<img src="https://file.garden/ZhavUlLLjRCJOve6/stickah/tumblr_48ccecfe9a3d1ec8f5ae2bfe0904d274_95112908_100.webp">

    </div>
    <img class="leftimage" src="https://file.garden/ZhavUlLLjRCJOve6/440px-Portrait_-_Shining_Romantica%20(1).png">
</div>
  <div class="wrapper">     
<div class="wrapper2">  
<div class="headah">
<img class="headah-image" src="https://file.garden/ZhavUlLLjRCJOve6/eeeee.png">
    <div class="cat-ears">
      <img class="ear left" src="https://file.garden/ZhavUlLLjRCJOve6/earrleft.png">
      <img class="ear right" src="https://file.garden/ZhavUlLLjRCJOve6/earight.png">
    </div>
  <div class="mename">
    <h1>labys site ^w^!!</h1>
  </div>
   
   
  <div class="lacey">
</div>
  <div class="lacie">
  </div>
</div>
  
  <div class="welcome"><marquee>Love is a bug in my heart program... but I want my heart to be resonating with yours!</marquee></div>
  <div class="side">
  <div class="head">NAV!</div>

  <div class="nav-scroll">

    <nav>
      <butta><a href="https://internetcatgirl.neocities.org/wip"><img src="https://file.garden/ZhavUlLLjRCJOve6/maid.gif"> About</a></butta>

      <butta><a href="https://internetcatgirl.neocities.org/art"><img src="https://file.garden/ZhavUlLLjRCJOve6/35f8a9cb.gif"> Art</a></butta>

      <butta><a href="https://internetcatgirl.neocities.org/wip"><img src="https://file.garden/ZhavUlLLjRCJOve6/6fce0d7c.gif"> Blog</a></butta>

      <butta><a href="https://internetcatgirl.neocities.org/wip"><img src="https://file.garden/ZhavUlLLjRCJOve6/d6248c7d.gif"> Shrines</a></butta>
    </nav>

    <div class="subhead">OFF-SITE</div>

    <nav>
      <butta><a href="https://x.com/catboyrio"><img src="https://file.garden/ZhavUlLLjRCJOve6/a8f717f5.gif"> Twitter</a></butta>

      <butta><a href="https://www.tiktok.com/@_catboyrio"><img src="https://file.garden/ZhavUlLLjRCJOve6/1af00584.gif"> TikTok</a></butta>

      <butta><a href="https://internetcatgirl.straw.page/"><img src="https://file.garden/ZhavUlLLjRCJOve6/6e44f1ce.gif"> Strawpage</a></butta>
      
<butta><a href="https://neocities.org/site/internetcatgirl#"><img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoCatHeart.gif"> Neoprofile</a></butta>
    </nav>

  </div>
</div>

  <div class="mid">
  <div class="head">welcome to my site!</div>

  <img class="mid-divider" src="https://file.garden/ZhavUlLLjRCJOve6/div44.png">

  <div class="inner">
<p class="intro-text">
  <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_4933f8ee114c5efa06943530c98bba32_19e13e81_1280.png" style="float: left; width: 150px;">
hello everynyan!! <img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoPinkCrouch.gif"> my name is laby and welcome to my homepage... this is my first attempt at coding my own website!! it is not great but it is MY HOME!!! this site is being held together by love and duct tape. my own little corner of the big interwebs!!! <img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoHeartDrawing.gif"> i made this site to basically be an extended version of my strawpage, so if u want all my info in a tinier space, check <span style="color:#d94b91;">
  <a href="https://internetcatgirl.straw.page/" class="blur-link">THAT</a>
</span> out! keep in mind...this shit is probably NAWT mobile friendly <span style="color:#ff5b9f;">
and was coded through sheer bullshitting on a 1920x1080 sized screen using chrome!
</span> some things may break or not show up, if so blow me up with a firework! <span style="color:#ff5b9f;">by the way, while this site is very cutieful i am also an ADULT and may use crude speech! :3 </span>i also will probably forget it exists or be very slow with updating pages so who knows what the future will hold....BUT ENJOY YOUR STAY OKAY?!!
<img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoThankYou.gif">
</p>
  </div>
<img class="mid-divider-bottom" src="https://file.garden/ZhavUlLLjRCJOve6/div44.png">
  </div>

  <div class="update">   
    <div class="head">Updates!</div>
    <span style="color:#ff5b9f;">6/3/26:</span> <img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoYippee.gif">  art gallery is functional!! click the button to take a looksie :3
<br>
<br>
     <span style="color:#ff5b9f;">6/2/26:</span> <img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoEmbarrassed5.gif">  i wanna do my art page next but i need a BREAK AUGH
<br>
<br>
 <span style="color:#ff5b9f;">6/1/26:</span> <img src="https://file.garden/ZhavUlLLjRCJOve6/nukos/nukoPride.gif">  happy pride month cus u gay and stuff. also homepage is live. methinks....
  

  </div>

  <div class="stamps">
  <div class="stamp-track2">

    <!-- FIRST SET -->
    <img src="https://64.media.tumblr.com/5a4dcbe0ede62b48c9b735663089f836/52c94039fe24a852-fe/s250x400/8eb4fea57715ac55f7ec8ab478d3ffd334689cf9.webp">
    <img src="https://64.media.tumblr.com/f6c63fe4966d9733e49ac8a5b0875b4f/c4a7a5ecdea47622-4f/s1280x1920/302212dadd66c87e8f58733f67e6ac370ed2fba5.gifv">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/sil.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/e2755b54.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/v26.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/blinku_2b577aca1e022abea82d726f0cd7e7b8.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_24c74385927850c685a40a6aacbe6ebc_fb1fde93_250.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/0093-cats.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_f9dd0519f997b8485e02263b01da66d1_305daa9c_250.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_03e1945ad69be1fd9f13f32ea64ac3eb_3145e750_250.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_d369474ac11cf06984e83dab43b5e850_df12849a_250.webp">
    <img src="https://64.media.tumblr.com/33df89a383a78edbade2c6d872e4ecc1/b18aff3ce9323114-08/s250x400/996beaeaacaaee707c01c7d9e2152074fc1e701c.gifv">

    <!-- DUPLICATE SET -->
    <img src="https://64.media.tumblr.com/5a4dcbe0ede62b48c9b735663089f836/52c94039fe24a852-fe/s250x400/8eb4fea57715ac55f7ec8ab478d3ffd334689cf9.webp">
    <img src="https://64.media.tumblr.com/f6c63fe4966d9733e49ac8a5b0875b4f/c4a7a5ecdea47622-4f/s1280x1920/302212dadd66c87e8f58733f67e6ac370ed2fba5.gifv">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/sil.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/e2755b54.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/v26.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/blinku_2b577aca1e022abea82d726f0cd7e7b8.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_24c74385927850c685a40a6aacbe6ebc_fb1fde93_250.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/0093-cats.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_f9dd0519f997b8485e02263b01da66d1_305daa9c_250.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_03e1945ad69be1fd9f13f32ea64ac3eb_3145e750_250.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_d369474ac11cf06984e83dab43b5e850_df12849a_250.webp">
    <img src="https://64.media.tumblr.com/33df89a383a78edbade2c6d872e4ecc1/b18aff3ce9323114-08/s250x400/996beaeaacaaee707c01c7d9e2152074fc1e701c.gifv">

  </div>
</div>
 

  
 <div class="chat">
  <div class="head">chatroom!</div>
  <iframe src="https://www3.cbox.ws/box/?boxid=3512506&boxtag=hyaLi0" width="100%" height="270" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
  </div>

  <div class="pet">
<iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=rio&dob=1777960378&gender=m&element=Water&pet=https%3A%2F%2Ffile.garden%2FZhavUlLLjRCJOve6%2Frrr-removebg-preview.png&map=https%3A%2F%2Fgraphic.neocities.org%2FFloatie_309.gif&background=https%3A%2F%2Ffile.garden%2FZhavUlLLjRCJOve6%2Fbgs%2F7b9ca87a2d7ed75e2927585e6e354aaf.jpg&tablecolor=%23ff5c8d&textcolor=%23ff668c" frameborder="0"></iframe>
  </div>

  <div class="status">
  <div class="head">statUS!</div>

  <div class="stat">
<p>this user is feeling <a href="https://www.imood.com/users/laby"><img src="https://moods.imood.com/display/uname-laby/imood.gif" alt="The current mood of laby at www.imood.com" border="0"></a></p>

<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=laby" defer></script>
  </div>
 
  </div>
  <div class="stampy">
  <div class="stamp-track">

    <!-- ORIGINAL SET -->
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_8f5a5a18963e536b2443671f031e0cbe_51c198af_250.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d117q5y-41aa03d2-f585-4646-ab18-ebb580032413.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d307hz4-5a5d143e-dc36-43a0-bdf5-50aa807da2b3.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d7sx5oz-e71ec2c7-72fc-4bf7-8f75-4bff463257e7.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/f.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_8871aa0d3687fed5bc6004a9be4cca3f_00ae00b7_100.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/jerma-burger.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/dadqk39-764746e2-3309-4c62-a243-efa5605880b0.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_da957d38fe35097ee0ea80578544b6f3_a7620a01_100.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/PlHPTmX.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/8b60c391_original.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/AD1oSoO.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/b4fNv37.webp">

    <!-- DUPLICATE SET -->
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_8f5a5a18963e536b2443671f031e0cbe_51c198af_250.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d117q5y-41aa03d2-f585-4646-ab18-ebb580032413.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d307hz4-5a5d143e-dc36-43a0-bdf5-50aa807da2b3.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/d7sx5oz-e71ec2c7-72fc-4bf7-8f75-4bff463257e7.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/f.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_8871aa0d3687fed5bc6004a9be4cca3f_00ae00b7_100.png">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/jerma-burger.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/dadqk39-764746e2-3309-4c62-a243-efa5605880b0.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/tumblr_da957d38fe35097ee0ea80578544b6f3_a7620a01_100.gif">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/PlHPTmX.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/8b60c391_original.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/AD1oSoO.webp">
    <img src="https://file.garden/ZhavUlLLjRCJOve6/b4fNv37.webp">

  </div>
</div>
  <div class="footer">internetcatgirl © 2026 - til the end of time! ♡</div>
  <div class="bottom"></div>
<div class="image1"></div>
<script>
const thumbnail = document.querySelector('#thumbnail');
const song = document.querySelector('#song');
song.volume = 0.2;
const songArtist = document.querySelector('.song-artist');
const songTitle = document.querySelector('.song-title');

const progressBar = document.querySelector('#progress-bar');
const volumeSlider = document.querySelector('#volume-slider');

let pPause = document.querySelector('#play-pause');

let songIndex = 0;

const songs = [
  'https://file.garden/ZhavUlLLjRCJOve6/%E3%83%8A%E3%83%A6%E3%82%BF%E3%83%B3%E6%98%9F%E4%BA%BA%20-%20%E3%83%80%E3%83%B3%E3%82%B9%E3%83%AD%E3%83%9C%E3%83%83%E3%83%88%E3%83%80%E3%83%B3%E3%82%B9%20(ft.%E5%88%9D%E9%9F%B3%E3%83%9F%E3%82%AF)%20OFFICIAL%20MUSIC%20VIDEO.mp3',
  'https://file.garden/ZhavUlLLjRCJOve6/%5BMV%5D%20REOL%20-%20drop%20pop%20candy.mp3',
  'https://file.garden/ZhavUlLLjRCJOve6/%E7%A5%9E%E3%81%AE%E3%81%BE%E3%81%AB%E3%81%BE%E3%81%AB%20%E6%AD%8C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%E3%82%8A%E3%81%B6%E4%BC%8A%E6%9D%B1%E6%AD%8C%E8%A9%9E%E5%A4%AA%E9%83%8E.mp3'
];

const thumbnails = [
  'https://file.garden/ZhavUlLLjRCJOve6/Laby.gif',
  'https://file.garden/ZhavUlLLjRCJOve6/Laby.gif',
  'https://file.garden/ZhavUlLLjRCJOve6/Laby.gif'
];

const songArtists = [
  'NayutalieN',
  'REOL',
  'りぶ×伊東歌詞太郎'
];

const songTitles = [
  'Dance Robot Dance',
  'drop pop candy',
  '神のまにまに'
];

// Load song data
function loadSong(index) {
  song.src = songs[index];
  thumbnail.src = thumbnails[index];

  songArtist.textContent = songArtists[index];
  songTitle.textContent = songTitles[index];
}

// initial load
loadSong(songIndex);

// start in PAUSED state
let playing = false;
song.pause();
pPause.src = "https://64.media.tumblr.com/f4575fffd1a8f405ab89bf7ed7dae3dd/c6558c51d618e17f-f4/s75x75_c1/aaa0fcfb4ecf3e2c44fa0bf33089bf837db9e4ce.gifv";

// play / pause toggle
function playPause() {
  if (playing) {
    pPause.src = "https://file.garden/ZhavUlLLjRCJOve6/10c819bb.gif";

    thumbnail.style.transform = "scale(1.15)";
    thumbnail.style.transition = "0.3s ease";

    song.play();
    playing = false;

  } else {
    pPause.src = "https://64.media.tumblr.com/f4575fffd1a8f405ab89bf7ed7dae3dd/c6558c51d618e17f-f4/s75x75_c1/aaa0fcfb4ecf3e2c44fa0bf33089bf837db9e4ce.gifv";

    thumbnail.style.transform = "scale(1)";

    song.pause();
    playing = true;
  }
}

// NEXT SONG (fixed: no autoplay)
function nextSong() {
  songIndex++;

  if (songIndex >= songs.length) {
    songIndex = 0;
  }

  loadSong(songIndex);

  song.pause();
  song.currentTime = 0;

  playing = true;
  pPause.src = "https://64.media.tumblr.com/f4575fffd1a8f405ab89bf7ed7dae3dd/c6558c51d618e17f-f4/s75x75_c1/aaa0fcfb4ecf3e2c44fa0bf33089bf837db9e4ce.gifv";

  thumbnail.style.transform = "scale(1)";
}

// PREVIOUS SONG (fixed: no autoplay)
function previousSong() {
  songIndex--;

  if (songIndex < 0) {
    songIndex = songs.length - 1;
  }

  loadSong(songIndex);

  song.pause();
  song.currentTime = 0;

  playing = true;
  pPause.src = "https://64.media.tumblr.com/f4575fffd1a8f405ab89bf7ed7dae3dd/c6558c51d618e17f-f4/s75x75_c1/aaa0fcfb4ecf3e2c44fa0bf33089bf837db9e4ce.gifv";

  thumbnail.style.transform = "scale(1)";
}

// when song ends → go next BUT stay paused
song.addEventListener('ended', () => {
  nextSong();
  song.pause();
});

// progress bar
function updateProgressValue() {
  if (!isNaN(song.duration)) {
    progressBar.max = song.duration;
    progressBar.value = song.currentTime;

    document.querySelector('.currentTime').innerHTML =
      formatTime(Math.floor(song.currentTime));

    document.querySelector('.durationTime').innerHTML =
      formatTime(Math.floor(song.duration));
  }
}

function formatTime(seconds) {
  let min = Math.floor(seconds / 60);
  let sec = Math.floor(seconds - (min * 60));

  if (sec < 10) sec = `0${sec}`;
  return `${min}:${sec}`;
}

setInterval(updateProgressValue, 500);

// seek bar
function changeProgressBar() {
  song.currentTime = progressBar.value;
}

// volume
volumeSlider.addEventListener('input', function () {
  song.volume = volumeSlider.value;
});
</script>
<script>
  if (navigator.userAgent === "Screenjesus") {
    document.body.innerHTML = `
      <img 
        src="https://file.garden/ZhavUlLLjRCJOve6/weeee.png"
        style="
           width: 100vw;
          height: 100vh;
          object-fit: cover;
          object-position: center top;
          display: block;
          margin: 0;
          padding: 0;
        "
      >
    `;
  }
</script>
  </body>
</html>