#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: rgb(84, 84, 155);
    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;
}


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;
    margin-left:5px;
    margin-bottom:5px;
    z-index: -9997;
    text-shadow: 2px 2px #000000;
    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: 953px;
  height:959px;
  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;
	z-index: 2;
	background: blue url(https://velvet-blue.neocities.org/starblazing.png)
}



.logoholder {
   border:1px white solid;
   border-bottom:1px white solid;
   display: block;
   width:939px;
   height:105px;
   margin-top:5px;
   color: white;   
   padding: 3px;   
   flex-direction: column; 
   border-radius:8px 8px 0px 0px; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background: black url(https://velvet-blue.neocities.org/images/newlogo2.png);
   background-repeat:no-repeat; 
   filter: drop-shadow(2px 2px #000000);
}



.linksholder {
   border:1px white solid;
   border-top:1px white solid; 
   display: block;
   width:939px;
   height:30px;
   color: white;   
   text-shadow: 2px 2px #0000FF; 
   padding: 3px;   
   margin-top:-2px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background: black;   
   filter: drop-shadow(2px 2px #000000);
}


.content1 {
  width:939px;
  height:329px;
}

.content2 {
  width:939px;
  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;
  filter: drop-shadow(2px 2px #000000);
}

.content4 {
  width:939px;
  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:3px;
  filter: drop-shadow(2px 2px #000000);
}

.content5 {
  width:939px;
  height:124px;
  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:4px;
  display:inline-block;
}


.content3 {
  width:939px;
  height:180px;
  margin-top:5px;;
}

.content8 {
  width:939px;
  height:102px;
  margin-top:5px;
}


.row1 {
  height:319px;
  width:190px;
}

.row2 {
  height:319px;
  width:190px;
}

.row3 {
  height:178px;
  width:290px;
}

.divheaders {
   border:1px white solid; 
   display: block;
   height:26px;
   width:190px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top: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);
   
}


.buttonholder {
   border:1px white solid; 
   display: block;
   width:190px;  
   height:210px; 
   margin-bottom:3px;
   margin-top:-1px;
   color: white;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background:black; 
   filter: drop-shadow(2px 2px #000000);
}

.updatesholder {
   border:1px white solid; 
   display: block;
   width:190px;  
   height:114px; 
   margin-bottom:3px;
   margin-top:-1px;
   color: white;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background:black; 
   filter: drop-shadow(2px 2px #000000);
}


.updates {
   border:1px white dotted;
   width:178px; 
   margin-top:10px;
   padding:none; 
   height:63px; 
   text-shadow: 2px 2px #0000FF;
}

.updates2 {
   border:1px white dotted;
   width:29px; 
   margin-top:13px; 
   margin-right:13px;
   padding:none; 
   height:86px; 
   text-shadow: 2px 2px #0000FF;
   background: url(https://velvet-blue.neocities.org/images/bars.png);
}


.updatelog {
   border:1px white solid; 
   border-top:none; 
   height: 84px;
   width:200px; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black; 
   margin-left:16px;
   margin-bottom:3px
}

.music2 {
   border:1px white solid; 
   border-top:none; 
   display: block;
   height: 84px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   background: black; 
   margin-right:16px;
   margin-bottom:3px
}

.playlistholder {
   display: block;
   width: 195px; 
   height:75px;
   padding: 3px;   
   color: white;   
   text-shadow: 2px 2px #0000FF;
   border-collapse: collapse;
   border-spacing: 2px;
   background:black; 
}

.playlistholder2 {
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:195px;
   color: white;   
   padding: 3px;   
   border-collapse: collapse;
   border-spacing: 2px;
   background: black; 
}



.stampholder {
   border:1px white solid; 
   display: block;
   width:190px;  
   height:69px; 
   margin-top:5px;
   color: white;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background:black; 
   filter: drop-shadow(2px 2px #000000);
}


.chatbox {
   border:1px white solid;
   display: block;
   height: 188px; 
   width: 190px;
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   margin-bottom:3px;
   margin-top:-1px;
   z-index: 2;   
   background: black; 
   filter: drop-shadow(2px 2px #000000);
}


.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;
}


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


.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);
}




.clockheader {
   border:1px white solid; 
   display: block;
   height:26px;
   width:190px; 
   margin-top:-319px;
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   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);
   
}


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


.time {
  border:1px dotted white;
  height:24px;
  width:180px;
  filter: drop-shadow(1px 1px #0000FF);
  margin-top:4px;
}

.time2 {
  border:1px dotted white;
  height:24px;
  width:180px;
  margin-top:4px;
  background: black url(https://velvet-blue.neocities.org/images/linkbackground.png);
}


.statusholder {
   border:1px white dotted;
   width:180px; 
   margin-top:4px; 
   padding:none; 
   height:38px; 
   text-shadow: 2px 2px #0000FF;
}

.info {
  border:none;
  background:black;
  height:77px;
}


.pollholder {
   border:1px white solid;
   text-shadow: 2px 2px #0000FF;
   width:290px;
   height: 178px; 
   color: white;   
   margin-bottom:3px;
   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;
}

.disclaimer3 {
   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%; 
    animation: marquee 10s linear infinite;
    color: white;
    text-shadow: 2px 2px #0000FF; 
}

@keyframes marquee {
    0% {
    transform: translateY(100%); 
  }
  100% {
    transform: translateY(-100%); 
  }
}

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;
}



#statuscafe {
    padding: .5em;
    background: blue url(https://humanityisnotbeautiful.neocities.org/starblazing.png);
    background-repeat : repeat-x;
    background-repeat : repeat-y;
    border: 1px white;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}





  ::-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;
}



.logoheader {
    display: flex;
    flex-direction: column;
    background: blue url(https://humanityisnotbeautiful.neocities.org/star.png);
    background-repeat : repeat-x;
    background-repeat : repeat-y;
}

.navbar {
    background: blue url(https://humanityisnotbeautiful.neocities.org/starblazing.png);
    position: relative;
}


.indexcontent {
    display: flex;
    flex-direction: column;
    background-repeat : repeat-x;
    background-repeat : repeat-y;
    position: relative;
}


.blinkies {
   border:1px white solid; 
   border-top:none; 
   display: block;
   height: 84px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   background: black; 
   margin-left:231px;
   margin-bottom:3px
}




.introtextheader {
   border:none; 
   border-bottom:2px dotted blue;
   text-shadow: 2px 2px #0000FF;
   margin-top:10px; 
   display: block;
   width:516px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   background:black;
}

.divheaders2 {
   border:1px white solid; 
   border-bottom: none; 
   display: block;
   height:26px;
   width:190px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:5px;
   margin-right:3px; 
   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%); 
   
}


.divheaders7 {
   border:1px white solid; 
   border-bottom: none; 
   display: block;
   height:26px;
   width:190px; 
   border-collapse: collapse;
   border-spacing: 2px;
   margin-right:-500px; 
   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%); 
   
}

.divheaders3 {
   border:1px white solid; 
   border-bottom: none; 
   display: block;
   height:26px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:16px;
   margin-left:16px;
   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%); 
   
}

.divheaders4 {
   border:1px white solid; 
   border-bottom: none; 
   display: block;
   height:26px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:-113px;
   margin-left:231px;
   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%); 
   
}



.divheaders5 {
   border:1px white solid; 
   display: block;
   height:26px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:16px;
   margin-left:-215px;
   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%); 
   
}

.divheaders6 {
   border:1px white solid; 
   display: block;
   height:26px;
   width:200px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:-26px;
   margin-right:16px;
   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%); 
   
}


.divheaders9 {
   border:1px white solid; 
   border-bottom: none; 
   display: block;
   height:26px;
   width:190px; 
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;   
   margin-top:-63px;
   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);
   
}




.playlistholder2 {
   border:none; 
   text-shadow: 2px 2px #0000FF;
   display: block;
   width:120px;
   color: white;   
   padding: 3px;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background: black;
   background-repeat : repeat-x;
   background-repeat : repeat-y;   
}
  
.playlistloa {
   border: 3px double #fff;
   display: block;
   width: 176px;
   color: white;   
   padding: 3px;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
   background: black;
   background-repeat : repeat-x;
   background-repeat : repeat-y;   
}

.statusloa {
   border: 3px double #fff;
   display: block;
   width: 176px;
   height: 200px;
   color: white;   
   padding: 3px;   
   flex-direction: column; 
   border-collapse: collapse;
   border-spacing: 2px;
   z-index: 2;
}


.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}



.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;            
}

.bottom-bg2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 295px;

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

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