/* the "container" is what wraps your entire website */
            /* if you want something (like the header) to be Wider than
    the other elements, you will need to move that div outside
    of the container */
            #container {
                max-width: 800px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
              margin-top: 40px;
                background-color: ;
                background-clip: padding-box;
                /* this centers the entire page */
            }

body {
                font-family: 'Nunito', sans-serif;
                margin: 0;
                background-color: #08031A;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 65px;
                color: #fceaff;
                background-image: var(--body-bg-image);
            }

:root {
                --body-bg-image: url('https://64.media.tumblr.com/86ebc1a0fb1b03d2a54b49a995c199e3/a4fe413a2146cf15-3b/s75x75_c1/1e072a07a9b8926743f8cd39263e843ece91afe4.gifv');
            }

aside{
    width: 250px;
    height: 520px;
    position: absolute;
    padding: 0.5%;
    background-clip: padding-box;
 }



.grid{
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
        flex-wrap: wrap;
        margin: 0 auto;
}

main{
    width: 500px;
    height: 500px;
    background-color: #fff ;
    background-clip: padding-box;
    color: #0D0814;
    margin-bottom: 0.5%;
    margin-left: 33%;
    overflow: auto;
    overflow-x: hidden;
}



table {width: 400px;}
th {
	background: #0D0814;
	color: #9564DD;
	text-align: left;
	width: auto;
    padding: 0.5%;
}

 @font-face {
                font-family: Nunito;
                src: url('https://shunran.neocities.org/fonts/ms-sans-serif.ttf');
            }

            @font-face {
                font-family: Nunito;
                src: url('https://shunran.neocities.org/fonts/JMH Cthulhumbus Arcade.otf');
                font-weight: bold;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://shunran.neocities.org/fonts/Nunito-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://shunran.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }


          #pagedoll1 {
  z-index: 1;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

          #pagedoll2 {
  z-index: 1;
  position: fixed;
  top: 10px;
  left: 290px;
}

          #pagedoll3 {
  z-index: 1;
  position: fixed;
  bottom: 35px;
  right: 180px;
}

.lacepink {
    /*(c) solielios*/
border-width:12px;
border-style:solid;
border-image: url("https://i.imgur.com/gTFIwdW.png") 11 fill round;       
          
}

.img-infinitebouncehover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.img-infinitebouncehover:hover {
  -webkit-animation-name: bounces;
  animation-name: bounces;
}

@-webkit-keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


 
#glenplayer02 {
    position: static;
    display: flex;
    z-index: 99;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    color: #fff;

}
  
  marquee {
font-family: lovely;
color: #fff;
}
 
 
@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
 
#glenplayer02 > div { align-self:center; -webkit-align-self:center; } 
 
.music-controls { 
user-select:none; 
-webkit-user-select:none; 
width:16px; 
font-size:16px; 
cursor:pointer; } 
 
.playy, .pausee {
color:#ece8ff; 
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
} 
 
/* color of play & pause buttons */ 
.pausee {display:none;} 
 
.sonata { margin-left:10px; color:#fff; /* color of music note symbol */ } 
 
.labeltext { margin-left:0px; font-family: lovely; font-size:16px; font-weight: bold; color:#fff; /* color of song title */ text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; }