footer {
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
  background: rgba( 172, 235, 243, 0.25 );
 color: Black;
 width: 100%;
 height: 50px;
 padding: 5px;
 text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
 box-sizing: border-box;
 font-weight: bold;
 z-index: 10;
 border-radius: 25px;
}
.container {
  display: grid;
  grid-template-areas:
    "header header header"
    "buttons buttons buttons"
    "update content music"
    "menu content stamps"
    "menu content todo"
    "menu content dance"
    "footer footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 5px;
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
  background: rgba( 172, 235, 243, 0.25 );
  padding: 5px;
   width: 1050px;
   margin-left: auto;
  margin-right: auto;
    text-align: center;
     border-radius: 25px;
     grid-row-start: 1;
  grid-row-end: 3;
}
.container > div {
  padding: 10px;
}
.container > div.header {
  grid-area: header;
  text-align: center;
  background-image: url("https://edgyrabbid.neocities.org/header%20shit/Untitled1172_20251002163537.png");
 background-color: #cccccc;
 background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 200px;
  border-radius: 25px;
}
.container > div.buttons {
  grid-area: buttons;
  border-radius: 25px;
}
.container > div.dance {
  grid-area: dance;
}
.container > div.update {
  grid-area: update;
  border-radius: 25px;
  width: 150px;
}
.container > div.menu {
  grid-area: menu;
  top: 20px;
  left: 50px;
  background: -webkit-linear-gradient(30deg, #5591ce 0%, #0d61ba 20%, #3780cb 28%, #166ac1 34%, #66a0d9 60%, #166ac1 70%, #5591ce 100%);
  background: -moz-linear-gradient(30deg, #5591ce 0%, #0d61ba 20%, #3780cb 28%, #166ac1 34%, #66a0d9 60%, #166ac1 70%, #5591ce 100%);
  background: -o-linear-gradient(30deg, #5591ce 0%, #0d61ba 20%, #3780cb 28%, #166ac1 34%, #66a0d9 60%, #166ac1 70%, #5591ce 100%);
  background: -ms-linear-gradient(30deg, #5591ce 0%, #0d61ba 20%, #3780cb 28%, #166ac1 34%, #66a0d9 60%, #166ac1 70%, #5591ce 100%);
  border: 1px solid #041627;
  box-shadow: inset 1px 1px rgba(219, 229, 240, 0.8),
    inset -1px -1px rgba(219, 229, 240, 0.8),
    0 0 20px black;
  border-radius: 7px;
}
.container > div.content {
  grid-area: content;
  border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.8);
}
.container > div.pets {
  grid-area: pets;
  border-radius: 25px;
}
.container > div.music {
  grid-area: music;
  border-radius: 25px;
  background-image: url("https://edgyrabbid.neocities.org/lep_sol00.png");
  height:200;
}
  .container > div.todo {
  grid-area: todo;
  background-color: #ADD8E6;
}
.container > div.stamps {
  grid-area: stamps;
  border-radius: 25px;
   width: 110px;
  
}
.container > div.footer {
  grid-area: footer;
  border-radius: 25px;
   background-color: #cccccc;
}
@font-face {
font-family: 'music';
src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
}
 
@font-face {
font-family: Pixelated MS Sans Serif;
src:url(ms_sans_serif.woff) format("woff");
src:url(ms_sans_serif.woff2) format("woff2");
}
 
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:relative;
display:flex;
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
  background: rgba( 172, 235, 243, 0.25 );
padding: .2em;
border-radius: 25px;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
width:auto;
}
 
#glenplayer02 a {text-decoration:none;}
 
#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}
 
.music-controls {
user-select:none;
-webkit-user-select:none;
width:13px;
font-size:18px;
cursor:pointer;
font-family: 'music';
}
 
.playy, .pausee {font-family: 'music'; font-size: 1.1em; color: #0000FF; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; } /* color of play & pause buttons */
 
.pausee {display:none;}
 
.sonata {
margin-left:0.4em;
font-family: Pixelated MS Sans Serif;
font-size:0.75em;
color:#0000FF; /* color of music note symbol */
}
 
.labeltext {
margin-left:0.5em;
position: relative;
bottom:0.1em;
font-size:14px;/* color of song title */
}
a.button {
    height: 18px;
    padding: 2px 8px;
    border: 1px solid #F3F3F3;
    -moz-box-shadow: 0 0 0 1px #707070;
    -webkit-box-shadow: 0 0 0 1px #707070;
    box-shadow: 0 0 0 1px #707070;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #F2F2F2 0%, #EBEBEB 50%, #DDDDDD 51%, #CFCFCF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#F2F2F2), color-stop(0.5,#EBEBEB),color-stop(0.51,#DDDDDD),color-stop(1,#CFCFCF));
    background: linear-gradient(top, #F2F2F2 0%, #EBEBEB 50%, #DDDDDD 51%, #CFCFCF 100%);
    font: normal 12px sans-serif;
    color: black;
    text-decoration: none;
}
a.button:hover {
    border: 1px solid #ECF7FD;
    -moz-box-shadow: 0 0 0 1px #3C7FB1;
    -webkit-box-shadow: 0 0 0 1px #3C7FB1;
    box-shadow: 0 0 0 1px #3C7FB1;
    background: -moz-linear-gradient(top, #EAF6FD 0%, #D9F0FC 50%, #BEE6FD 51%, #A7D9F5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EAF6FD), color-stop(0.5,#D9F0FC),color-stop(0.51,#BEE6FD),color-stop(1,#A7D9F5));
    background: linear-gradient(top, #EAF6FD 0%, #D9F0FC 50%, #BEE6FD 51%, #A7D9F5 100%);
}
a.button:active {
    padding: 2px 7px 3px 9px;
    border: 1px solid #73A7C4;
    border-bottom: 0;
    -moz-box-shadow: 0 0 0 1px #2C628B;
    -webkit-box-shadow: 0 0 0 1px #2C628B;
    box-shadow: 0 0 0 1px #2C628B;
    background: -moz-linear-gradient(top, #E5F4FC 0%, #C4E5F6 50%, #98D1EF 51%, #68B3DB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#E5F4FC), color-stop(0.5,#C4E5F6),color-stop(0.51,#98D1EF),color-stop(1,#68B3DB));
}
/* Windows 7 Sticky Note - www.kazimariusz.com */

@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

.winsticky {
    --color-top:#F5F5F5;
    --color-background-start:#FFFFFF;
    --color-background-end:#EBEBEB;
}

.winsticky {
    font-family: "Caveat", cursive;
    font-size:24px;
    min-width: 225px;
    min-height: 206px;
    display: inline-flex;
    flex-direction: column;
    box-shadow: 0px 2px 5px #000;
}

.winsticky .ws_top {
    background-color: var(--color-top);
    height: 35px;
    position: relative;
    line-height:0px;
}

.winsticky .ws_top:before {
    position: absolute;
    left:16px;
    top:12px;
    content: url('data:image/svg+xml,<svg width="10" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="10" height="2" x="0" y="4" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="10" x="4" y="0" fill="hsl(0, 0%, 0%)"></rect></svg>');
}

.winsticky .ws_top:after {
    position: absolute;
    inset:0px;
    left:calc(100% - 27px);
    top:11px;
    display:block;
    content:"";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAMhJREFUKFNtkkENwkAURF/vKMABIkABNYAAEIAAigAEUAFVwJULiCCQcEUBAugsf5rtpv/ys/kzs/Nnt+Jf8+if6FMtYaoAr6NfgTdQEgXeAl1OOIfssSe3QRJQYprtgIsItqRBHQANH8AiB0vEBJNmwClI3iMp22ZOMGAJ3OIgoAjDTiVBnuVX9lzaqfGhtGSwQB2wAQ7ACrg7VvvPwUrJ5fSSNd+gjDWQ532v/MrSUxDP2KX1O1h9lEhBkr3GBKmovhOvPPomP5tVKmelHKPVAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.winsticky .ws_top:before, .winsticky .ws_top:after {
    opacity:0.5;
}

.winsticky .ws_content {
    background: linear-gradient(var(--color-background-start) 0%, var(--color-background-end) 100%);
    flex-grow: 1;
    position: relative;
    padding:6px 5px;
}

.winsticky .ws_content:after {
    position: absolute;
    right:4px;
    bottom:4px;
    content:url('data:image/svg+xml,<svg width="10" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" x="9" y="0" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="8" y="1" fill="hsl(0, 0%, 0%)"></rect><rect width="1" height="1" x="9" y="4" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="8" y="5" fill="hsl(0, 0%, 0%)"></rect><rect width="1" height="1" x="9" y="8" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="8" y="9" fill="hsl(0, 0%, 0%)"></rect><rect width="1" height="1" x="5" y="4" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="4" y="5" fill="hsl(0, 0%, 0%)"></rect><rect width="1" height="1" x="5" y="8" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="4" y="9" fill="hsl(0, 0%, 0%)"></rect><rect width="1" height="1" x="1" y="8" fill="hsl(0, 0%, 0%)"></rect><rect width="2" height="1" x="0" y="9" fill="hsl(0, 0%, 0%)"></rect></svg>');
    opacity:0.3;
    line-height:0px;
}

/* Colours */

.winsticky.white {
    --color-top:#F5F5F5;
    --color-background-start:#FFFFFF;
    --color-background-end:#EBEBEB;
}

.winsticky.yellow {
    --color-top:#f8f7b6;
    --color-background-start:#fefecc;
    --color-background-end:#fcf9a1;
}

.winsticky.green {
    --color-top:#c5f7c1;
    --color-background-start:#d2ffcc;
    --color-background-end:#ade3aa;
}

.winsticky.blue {
    --color-top:#c9ecf8;
    --color-background-start:#d9f3fb;
    --color-background-end:#afd0e8;
}

.winsticky.purple {
    --color-top:#D4CDF3;
    --color-background-start:#DEDAFE;
    --color-background-end:#C6B8FE;
}

.winsticky.pink {
    --color-top:#EDC0ED;
    --color-background-start:#F4CFF4;
    --color-background-end:#E6A8E6;
}
#scroll3 {
height: 100px;
width: 100%;
padding: 10px;
border: 3px double #ccc;
border-radius: 10px;
font: 12px Georgia, Garamond, Serif;
overflow: auto;
}
#tama {
  width: 500px;
  height: 500px;
  position: relative;
}
 
#tama > img {
  pointer-events: none;
  position: absolute;
}
 
#tama > div {
  width: 170px;
  height: 175px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 150px;
  left: 168px;
  background-color: yellow;
}
div.Bullfrog {
  position: fixed;
  bottom: 50px;
  right: 0;
}
.doll {
  
  display:block;
  position:relative;
  animation: dollmove 3.5s infinite;
filter: drop-shadow(5px 10px 4px rgba(0,0,0,.2));
}

@keyframes dollmove {
  0%   {top: -15px;}
  50%  {top: 15px;}
  100% {top:-15px;}
}