#cometCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999; /* ensures it’s always behind all other content */
    pointer-events: none;
  }
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  background-color: black;
    margin: 0;
    color: black;
    font-family: 'New Times Roman', Georgia, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    
}
/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*


/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}


#mainDiv {
        opacity: 1;
        transition: opacity 0.5s ease;
      }

      /* Display altDiv and set opacity to 1 for fade-in */
      .fade-in {
        display: block;
        opacity: 1;
      }

#altDiv1 {
      opacity: 0;
        transition: opacity 0.5s ease;
        display: none;
    }
    
    #altDiv2 {
      opacity: 0;
        transition: opacity 0.5s ease;
        display: none;
    }

table
{
width:65%;
}
th
{
height:50px;
}

.sticky-image {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -9999;
    pointer-events: none; 
  }
  
.sticky-image2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -9999;
    pointer-events: none; 
  }

.sticky-random {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -9999;
    pointer-events: none; 
  }

.wrapper {
  display: table-cell;
  vertical-align: middle;
}

input {
  background: black;
            text-shadow: 2px 2px #0000FF;
            font-family: 'New Times Roman', Georgia, Arial, Helvetica, sans-serif;
            color: white;
            border: 1px white solid;
            border-radius:5px;
            cursor:pointer; 
            font-style:italic;
}

input:hover {
  color: yellow;
}


.maindiv {
  width: 621px;
  height:540px;
  border-width: 2px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: separate;
	border-radius:15px 15px 15px 15px;
	box-shadow: 0px 0px 60px #04047d;
	filter: drop-shadow(2px 2px #000000);
  margin: auto;
	overflow: hidden;
	background: blue url(https://velvet-blue.neocities.org/starblazing.png)
}


.info {
  border:1px white solid;
  display: block;
  width: 200px;
  height: 300px;
  color: white;   
  flex-direction: column; 
  border-collapse: collapse;
  border-spacing: 2px;
  overflow: hidden;
  margin-top:5px;
  margin-left:5px;
  background: black;
  text-shadow: 2px 2px #0000FF;
  filter: drop-shadow(2px 2px #000000);
}

.info2 {
  border:1px white solid;
  width: 426px;
  height: 152px;
  color: white;   
  border-collapse: collapse;
  border-spacing: 2px;
  margin-top:5px;
  margin-left:5px;
  background: black url(https://velvet-blue.neocities.org/images/grass3.png);
  background-position:30px 326px;
  text-shadow: 2px 2px #0000FF;
  filter: drop-shadow(2px 2px #000000);
}

.info3 {
  border:1px white solid;
  width: 438px;
  height: 211px;
  color: white;   
  border-collapse: collapse;
  border-spacing: 2px;
  margin-top:5px;
  margin-right:5px;
  background: black url(https://velvet-blue.neocities.org/images/infobackground.png);
  background-position:440px 209px;
  text-shadow: 2px 2px #0000FF;
  filter: drop-shadow(2px 2px #000000);
}

.info2textheader {
   border:none; 
   border-bottom:2px dotted blue;
   text-shadow: 2px 2px #0000FF;
   margin-top:10px; 
   margin-left:10px;
   width:400px; 
   border-collapse: collapse;
   border-spacing: 2px;
   background:black;
}


.bar1 {
  width:607px;
  height:29px;
  border:1px white solid;
  background: #000000;
  background: radial-gradient(circle,rgba(0, 0, 0, 1) 48%, rgba(0, 0, 82, 1) 66%, rgba(0, 0, 181, 1) 82%, rgba(0, 0, 255, 1) 100%);
  margin-top:5px;
  border-radius:9px 9px 0px 0px;
  filter: drop-shadow(2px 2px #000000);
}

.bar2 {
  width:607px;
  height:29px;
  border:1px white solid;
  background: #000000;
  background: radial-gradient(circle,rgba(0, 0, 0, 1) 48%, rgba(0, 0, 82, 1) 66%, rgba(0, 0, 181, 1) 82%, rgba(0, 0, 255, 1) 100%);
  margin-top:162px;
  filter: drop-shadow(2px 2px #000000);
}

.bar3 {
  width:607px;
  height:85px;
  border:1px white solid;
  background: #000000;
  background: black;
  filter: drop-shadow(2px 2px #000000);
  border-radius:0px 0px 8px 8px;
  border-collapse: collapse;
  border-spacing: 2px;
  overflow:hidden;
  margin-top:2px;
  display:inline-block;
}

.pretense {
   border:1px white solid;
   background:black;
   display: block;
   width:237px;
   height:180px;
   flex-direction: column; 
   border-radius:0px 7px 0px 0px;
   border-collapse: collapse;
   border-spacing: 2px;
   margin-top:5px;
   margin-right:5px;
   filter: drop-shadow(2px 2px #000000);
}


#hover:hover {
  color:yellow;
}


.divheaders {
   border:1px white solid; 
   display: block;
   height:26px;
   width:176px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:5px;
   margin-right:5px;
   background: rgb(8,8,73);
   background: linear-gradient(90deg, rgba(8,8,73,1) 0%, rgba(9,9,121,1) 9%, rgba(10,10,177,1) 24%, rgba(0,0,225,1) 56%, rgba(10,10,177,1) 83%, rgba(9,9,121,1) 100%); 
   filter: drop-shadow(2px 2px #000000);
   
}

.divheaders2 {
   border:1px white solid; 
   display: block;
   height:26px;
   width:186px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:5px;
   margin-left:5px; 
   background: rgb(8,8,73);
   background: linear-gradient(90deg, rgba(8,8,73,1) 0%, rgba(9,9,121,1) 9%, rgba(10,10,177,1) 24%, rgba(0,0,225,1) 56%, rgba(10,10,177,1) 83%, rgba(9,9,121,1) 100%); 
   filter: drop-shadow(2px 2px #000000);
   
}


.divheaders3 {
   border:1px white solid; 
   display: block;
   height:26px;
   width:196px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:15px;
   margin-left:15px; 
   background: rgb(8,8,73);
   background: linear-gradient(90deg, rgba(8,8,73,1) 0%, rgba(9,9,121,1) 9%, rgba(10,10,177,1) 24%, rgba(0,0,225,1) 56%, rgba(10,10,177,1) 83%, rgba(9,9,121,1) 100%); 
   filter: drop-shadow(2px 2px #000000);
   
}

.divheaders4 {
   border:1px white solid; 
   display: block;
   height:26px;
   width:196px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:15px;
   margin-right:15px; 
   background: rgb(8,8,73);
   background: linear-gradient(90deg, rgba(8,8,73,1) 0%, rgba(9,9,121,1) 9%, rgba(10,10,177,1) 24%, rgba(0,0,225,1) 56%, rgba(10,10,177,1) 83%, rgba(9,9,121,1) 100%); 
   filter: drop-shadow(2px 2px #000000);
   
}


.linklist {
   border:1px white solid; 
   display: block;
   width:176px;  
   height:126px; 
   margin-bottom:3px;
   margin-right:5px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   border-top:none;
   background:black; 
   filter: drop-shadow(2px 2px #000000);
}



.linkbutton {
   border:1px white dotted; 
   display: block;
   width:164px;  
   height:25px; 
   margin-top:5px;
   margin-left:5px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   background:black; 
   text-shadow: 2px 2px #0000FF;
}


.block {
   border:1px white solid; 
   display: block;
   width:164px;  
   height:211px; 
   margin-top:5px;
   margin-bottom:3px;
   margin-left:5px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   background:black url(https://velvet-blue.neocities.org/images/t0s7v7.gif); 
   background-size:200%;
   background-position:center 0px;
   background-repeat:no-repeat;
   filter: drop-shadow(2px 2px #000000);
}


.shrines {
   border:1px white solid; 
   display: block;
   width:196px;  
   height:112px; 
   margin-left:15px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   border-top:none;
   background:black;
   filter: drop-shadow(2px 2px #000000);
}

.shrineslist {
   border:1px white dotted;
   width:174px; 
   margin-top:10px;
   margin-left:10px;
   height:91px; 
   text-align:left;
   text-shadow: 2px 2px #0000FF;
}

.projects {
   border:1px white solid; 
   display: block;
   width:196px;  
   height:112px; 
   margin-right:15px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   border-top:none;
   background:black;
   filter: drop-shadow(2px 2px #000000);
}


.bottommiddle {
   border:1px white solid; 
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:370px;
   height: 181px;
   color: white;   
   padding:0px;  
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   margin-left:5px;
   margin-top:5px;
   background: black url(https://velvet-blue.neocities.org/images/infobackground.png);
   background-position:-178px -119px;
   background-repeat:repeat-x;
   filter: drop-shadow(2px 2px #000000);
}


.bottommiddletextheader {
   border:none; 
   border-bottom:2px dotted blue;
   text-shadow: 2px 2px #0000FF;
   margin-top:10px; 
   margin-left:-30px;
   width:320px; 
   border-collapse: collapse;
   border-spacing: 2px;
   background:black;
}


.fanlistings {
   border:1px white solid; 
   display: block;
   width:186px;  
   height:156px; 
   margin-bottom:3px;
   margin-left:5px;
   margin-top:-1px;
   color: white;   
   border-collapse: collapse;
   border-spacing: 2px;
   background:black; 
   overflow:hidden;
   filter: drop-shadow(2px 2px #000000);
}

.fanlistingbox {
   border:1px white dotted;
   width:176px; 
   margin-top:4px;
   height:146px; 
   text-align:left;
   overflow:hidden;
   text-shadow: 2px 2px #0000FF;
}




.maincontentdiv {
  background: url(https://velvet-blue.neocities.org/images/grass2.png); 
  background-position:center; 
  margin-top:5px; 
  height:319px; 
  width:549px; 
  border:1px white solid;
  filter: drop-shadow(2px 2px #000000);
}


.pfpholder {
   border:1px white solid; 
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:190px;
   height: 79px;
   color: white;   
   padding:0px;  
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black;
   filter: drop-shadow(2px 2px #000000);
}



.stampsdiv {
   border:1px white solid; 
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:222px;
   height: 103px;
   color: white;   
   padding:0px;  
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black;
   filter: drop-shadow(2px 2px #000000);
}

.blinkiesdiv {
   border:1px white dotted; 
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:210px;
   height: 91px;
   color: white;   
   padding:0px;  
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   margin-top:5px;
   background: black;
}




.disclaimer2 {
   border:1px white dotted;
   width:440px; 
   margin-top:10px; 
   margin-left:106px;
   height:45px; 
   text-shadow: 2px 2px #0000FF;
   background: black;
   overflow:hidden;
}




.otherlinks {
   border:1px white solid; 
   display: block;
   width:190px;
   height: 77px;
   color: white;   
   padding:0px;  
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   margin-left:5px;
   background: black;
   filter: drop-shadow(2px 2px #000000);
}




.bottomcontainer {
   border:1px white solid;
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:449px;
   height: 178px; 
   color: white;   
   padding: 0px;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black url(https://velvet-blue.neocities.org/images/grass3.png);
   margin-bottom:3px;
   margin-top:-181px; 
   margin-left:295px;
   filter: drop-shadow(2px 2px #000000);
}


.moonholder {
   border:1px white solid;
   display: block;
   width: 190px; 
   height:178px; 
   color: white;   
   padding: 3px;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black;
   margin-top:-181px; 
   margin-right:-649px; 
   filter: drop-shadow(2px 2px #000000);
   text-shadow: 2px 2px #0000FF;
}

.disclaimer {
   border:2px grey solid; 
   border-radius:2px 2px 2px 2px;
   width:178px; 
   margin-top:3px; 
   padding:none; 
   height:48px; 
   text-shadow: 2px 2px #0000FF;
}

.marquee-container {
    width: 100%;
    height:48px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%; /* Start off-screen */
    animation: marquee 10s linear infinite;
    color: white;
    text-shadow: 2px 2px #0000FF; /* Apply text shadow here */
}

@keyframes marquee {
    0% {
    transform: translateY(100%); /* Start completely below the container */
  }
  100% {
    transform: translateY(-100%); /* End completely above the container */
  }
}

a:hover {
  color: yellow;
  border-bottom: none;
}

.div
{
    color: white;
}

a:-webkit-any-link {
    color: #ffffff;
    cursor: pointer;
}

.underline {
    color: white;
}

a {
  text-decoration: none;
}
a:link {
  color: #ffffff;
  border-bottom: none;
  
}
a:visited {
  color: #ffffff;
  border-bottom: none;
}






  ::-webkit-scrollbar {
  width: 6px;
}
  
  ::-webkit-scrollbar-track {
  background: black;
  border:1px solid blue;
}

::-webkit-scrollbar-thumb {
  background: blue;
  border-radius: 10px;
}

/* Change thumb color on hover */
::-webkit-scrollbar-thumb:hover {
  background: #010180;
}





.bottom-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 47px;

  background-image: url('https://velvet-blue.neocities.org/images/grass4.png');
  background-repeat: repeat;      
  background-position: bottom left;

  z-index: -9998;                  
  pointer-events: none;            
}