body {
  color: white;
  font-family: "Times New Roman";
  cursor: url('images/default_arrow.cur'), auto;
  image-rendering: pixelated;
  overflow-x: hidden;
  width: 100%;
  /* scrollbar-width: none; */
  height: 100%;
  margin: 0;
  padding: 0;
  background: black;
  
}

a:hover {
  cursor: url('images/default_link.cur'), auto
}

/* html * {
  scrollbar-width: none;
} */

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /* scrollbar-width: none; */
}

::-webkit-scrollbar {
  width: 0px;
} 

.imggif img {
  margin-right: 3px;
  margin-top: 10px;
}

a:link {
  color: rgb(0, 169, 206);
}

a:visited {
  color: rgb(100, 140, 255);
}

h1 {
  background: transparent;
}

::selection {
  background-color: rgb(236, 0, 140);
  
  
}


.portal {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
}

@font-face {
  font-family: "ms sans serif";
  src: url(fonts/ms-sans-serif.ttf);
}

@font-face {
  font-family: "conthrax";
  src: url(fonts/conthrax.otf);
}

@font-face {
  font-family: "x360";
  src: url(fonts/x360.ttf);
}

@font-face {
  font-family: "frutiger";
  src: url(fonts/frutiger.ttf)
}

@font-face {
  font-family: "win7segoeui";
  src: url(fonts/win7segoeui.ttf)
}

@font-face {
  font-family: "cascadiaextralight";
  src: url(fonts/CASCADIAMONO.ttf)
}

@font-face {
  font-family: "dotmatrix";
  src: url(fonts/led_counter-7.ttf)
}

@font-face {
  font-family: "univox";
  src: url(fonts/Univox.otf)
}

@font-face {
  font-family: "opensans";
  src: url(fonts/OpenSans.ttf)
}

@font-face {
  font-family: "Gotham Black";
  src: url(fonts/Gotham-Black.otf)
}

@font-face {
  font-family: "celeste font";
  src: url(fonts/renogare.otf)
}

@font-face {
  font-family: "Handel Gothic";
  src: url(fonts/HandelGo.ttf)
}

@font-face {
  font-family: "Jenkins";
  src: url(fonts/Jenkins.ttf)
}

@font-face {
  font-family: "JenkinsV2";
  src: url(fonts/JenkinsV2.ttf)
}

@font-face {
  font-family: "DOS VGA";
  src: url(fonts/vgafont.ttf)
}

@font-face {
  font-family: "SourceSansPro";
  src: url(fonts/SourceSansPro-Regular.otf)
}

@font-face {
  font-family: "LucidaGrande";
  src: url(fonts/LucidaGrande.ttf)
}



#container h1 {
  font-size: 32px;
}

.distantcontainer {
  position: relative;
  width: 100%;
}

.section-content, section {
  height: 100vh;
  
}

section {
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 50vh;
  justify-content: center;
}

.distantcontainer, section {
  position: relative;
  width: 100%;
}

#container {
  width: 100vw;
  height: 100vh;
}

#container, section {
  position: relative;
  width: 100%;
}



.leftside {
  width: 88px;
  height: 372px;
  float: left;
  margin-left: 15px;
  /* border: 5px solid lime; */
  position: absolute;
  
  overflow: hidden;
}

.rightside {
  width: 150px;
  height: 372px;
  right: 15px;
  
  /* border: 5px solid lime; */
  position: absolute;
  
  overflow: hidden;
}

.aerodiv {
  display: block;
  width: 70vw;
  height: 75vh;
  
  /* border-radius: 10px; */
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: 'Times New Roman';
  background: linear-gradient(to bottom, rgba(25, 25, 55, 0.7) 0%, rgba(68, 65, 96, 0.725) 49%, rgba(88, 79, 112, 0.725) 51%, rgba(90, 70, 124, 0.7) 100%);
  text-shadow: #7f7f7f 0px 1px 4px; 
  /* box-shadow: 0px 1px 12px -2px rgba(255, 255, 255, 0.8); */
  color: #D0D0D0;
  scrollbar-width: none;
  
}

.aerodiv p {
  padding: 2px;
}

.aerodiv .divider {
  padding: 0; 
  margin: 0; 
  display: block; 
  background: url(images/greenchevron.gif); 
  width: 100%; 
  height: 10px;
}

.asideleft {
  position: absolute;
  left: 5px;
  top: 100px;
  background: url(images/spacebackground.gif);
  background-size: auto;
  background-repeat: repeat;
  width: border-box;
  height: border-box;
  font-family: 'times new roman';
  text-align: center;
  
}
.asideleft h1 {
  font-size: 42px;
  margin: 0px 0px 5px 0px;
}

.asideright {
  position: absolute;
  right: 5px;
  top: 100px;
  text-align: center;
  border-radius: 10px;
  width: border-box;
  height: border-box;
  font-family: 'times new roman';
  background-size: cover;
  color: black;
}

.asideright h1 {
  font-size: 42px;
  margin: 0px 0px 5px 0px;
}

.welcometext {
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text; 
  background: linear-gradient(180deg, #ffffff 0%, #12007E 100%);
  background-clip: text;
  font-size: 48px;
  margin: 0 0 5px 15px;
  text-align: left;
  font-family: frutiger;
  font-weight: 100;
  text-shadow: #7f7f7f 1px 2px 4px;
  filter: drop-shadow(0px 3px 2px rgba(10, 0, 60, 0.8));
}

#statuscafe {
    padding: .5em;
    font-family: 'Courier New', Courier;
}
#statuscafe-username {
    margin-bottom: .5em;
    font-family: win7segoeui;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}



@keyframes rotatetext {
  0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
  25% {transform: rotateX(90deg) rotateY(100deg) rotateZ(30deg)}
  50% {transform: rotateX(180deg) rotateY(150deg) rotateZ(60deg)}
  75% {transform: rotateX(270deg) rotateY(100deg) rotateZ(30deg)}
  100% {transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg)}
}

@keyframes rotatetext2 {
  0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
  10% {transform: rotateX(90deg) rotateY(100deg) rotateZ(30deg)}
  20% {transform: rotateX(180deg) rotateY(150deg) rotateZ(60deg)}
  30% {transform: rotateX(270deg) rotateY(100deg) rotateZ(30deg)}
  40% {transform: rotateX(360deg) rotateY(0deg) rotateZ(104deg)}
  50% {transform: rotateX(3600deg) rotateY(12deg) rotateZ(32deg)}
  60% {transform: rotateX(704deg) rotateY(1110deg) rotateZ(4deg)}
  70% {transform: rotateX(12deg) rotateY(34deg) rotateZ(46deg)}
  80% {transform: rotateX(555deg) rotateY(55deg) rotateZ(5deg)}
  90% {transform: rotateX(720deg) rotateY(38deg) rotateZ(150deg)}
  100% {transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg)}
}


@keyframes shadowpulse {
  0% {text-shadow: 0px 0px 1px white}
  40% {text-shadow: 1px 1px 4px white}
  50% {text-shadow: 2px 2px 10px white}
  60% {text-shadow: 1px 1px 4px white}
  100% {text-shadow: 0px 0px 1px white}
}

@keyframes comedybg {
  0% {background-position-x: 0px}
  
  100% {background-position-x: -10000px}
}

@keyframes updatelogrotate {
  0% {transform: rotateZ(0)}
  50% {transform: rotateZ(360deg)}
  100% {transform: rotateZ(0)}
}

@keyframes halofyilateral {
  0% {background-position-y: 0px}
  100% {background-position-y: -10000px}
}

@keyframes blink {
  0% {opacity: 100%}
  1% {opacity: 0%}
  2% {opacity: 100%}
}


@keyframes inversion {
  0% {filter: saturate(0%)}
  10% {filter: saturate(60%)}
  50% {filter: saturate(100%) hue-rotate(250deg)}
  90% {filter: saturate(60%)}
  100% {filter: saturate(0%)}
}

@keyframes downmarquee {
  0% {transform: translateY(-200%)}
  100% {transform: translateY(200%)}
}

@keyframes downmarquee2 {
  0% {transform: translateY(-400%)}
  100% {transform: translateY(400%)}
}

.graphicmarquee {
  display: flex; 
  flex-direction: column; 
  position: absolute; 
  top: 100px; 
  
  width: 88px; 
  overflow-y: hidden; 
  gap: 2px;
}


@keyframes splashmarquee {
  0% {transform: translateX(75%)}
  100% {transform: translateX(-75%)}
}

#splash {
  font-family: dotmatrix;
  margin-top: -1px;
  color: orange;
  animation: splashmarquee 30s infinite;
  animation-timing-function: steps(375, jump-both);
}

@keyframes y2k38marquee {
  0% {transform: translateX(90%)}
  100% {transform: translateX(-90%)}
}

.shadowpulse {
  animation: shadowpulse 10s ease-in-out infinite;
}


li::before {
  content:"\2605  ";
  
}

li {
  list-style-type: none;
}

#ytageverif {
  background: url("images/ytdata.jpg");
}

#ytageverif ul li {
  list-style-type: decimal;
  width: fit-content;
}

#ytageverif li::before {
  content: none;
}




#neonetizen {
  background: url("images/spacebackground.gif");
  font-family: 'Times New Roman';
  height: 150vh;
  
}

.nostalgia {
  color: #e14182;
}

.stem {
  color: #c492e9;
}

.archival {
  color: red;
}

.misc {
  color: white;
}

/* #container section h1, p {
  text-shadow: #ffffff 0px 0px 0px
} */

#webone {
  background: url("images/Webb.jpg");
  font-family: 'Times New Roman';
}

#y2k {
  background: url("images/redmoondesert.jpg");
  background-size: cover;
  
}

#blackholes {
  background: url("images/spacetravel.gif");
  background-size: cover;
}

#nymwords {
  background: url("images/brownwoodtile.jpg");
  font-family: opensans;
}

#nymwords, #wordsymbol * {
  color: white;
}

#nymwords li::before {
  content: "\2192   ";
}

#wordsymbol {
  background: url("images/pattern171.gif");
  
}

#splashtext {
  background: url("images/SB121.jpg");
  overflow-x: hidden;
  overflow-y: scroll;
  
}

#datastorage {
  background: url("images/pattern242.gif");
  
  
}

#virtmachines {
  background: url("images/binary-code.jpg");
  
}

/*#ten {
  background: url("https://cdn.pixabay.com/animation/2024/02/07/22/57/22-57-23-401_512.gif"), black;
  background-size: cover;
}*/

#bignumbers {
  background: url("images/bricks5.gif");
}

#misc {
  background: url("images/spaceunsplash.jpg");
  height: 30vh;
  font-family: 'Courier New', Courier, monospace;
}

#chatroom {
  background: url("images/ircanim.gif");
  background-size: cover;
  height: 77.5vh;
  font-family: 'Courier New', Courier, monospace;
}



#xb360 {
  background: url("images/xboxnight.jpg");
  background-size: cover;
  color : white;
  font-family: x360;
}

#ansicode {
  background: url("images/greengrid.jpg");
  font-family:'Courier New';
  color: white;
}

#marginiser li {
  margin-top: 2px;
}

#martian {
  background: url("images/marsscape.jpg");
  background-size: cover;
}

.spoilers {
  filter: blur(5px);
}

.spoilers:hover {
  filter: blur(0);
}


#media-downfall {
  background: url("images/pattern564.gif");
}

#senseofspeed {
  background: url("images/pattern543.gif");
}



#contacts {
  background: url("images/pattern30.gif");
}

#comedy {
  width: 100%;
  height: 28vh;
  background: url("images/comedy.png");
  animation: comedybg 1200s linear infinite;
  text-shadow: none;
}

#ohno {
  background: url("images/marbleshine.gif");
}

#updatelog {
  position: relative;
  overflow: hidden;
  background: url("images/spacefar.gif");
  height: 120vh;
}

#misc small {
  font-size: 10px;
  font-family: "Comic Sans MS";
}

#torrent {
  font-family: "celeste font";
  background: url("images/pattern150.gif");
  height: fit-content;
}

#torrent li {
  margin-top: 5px;
}

#credits {
  background: url("images/pattern194.gif")
}

#localwiki {
  background: url("images/pattern171.gif");
}

#ciphermethods {
  background: url("images/pattern216.gif");
  color: black;
  
}

#fractal {
  background: url("images/fractaltree.gif");
}

#intro {
  background: url("images/spacebackground.gif");
}

#halofyi {
  background-color: #0b193982;
  background-image: url("images/halolaterals8.png");
  font-family: "Handel Gothic";
  box-shadow: #2a5f98 0px 0px 20px 3px;
  border-radius: 3px;
  animation: halofyilateral 800s linear infinite;
  max-width: 200px; 
  max-height: 250px; 
  width: 9vw; 
  height: 22vh; 
  position: absolute; 
  right: 122px; 
  top: 15vh; 
  padding: 2px; 
  z-index: 3; 
  overflow-y: hidden;
  overflow-x: hidden;
}

#halofyi p {
  text-shadow: #0008ff 0px 0px 7px;
}

#aboutme {
  width: 9vw; 
  height: 60vh; 
  position: absolute; 
  background: black;
  background-size: cover; 
  top: 17vh; 
  left: 113px; 
  margin: 0;
  overflow: hidden;
  font-family: DOS VGA; 
  text-align: left; 
  margin-left: 2px;
  font-size: 10pt;
  border: 4px solid;
  border-image: url("images/doubleborder.png") 3 round;
}

#aboutme * {
  padding: 2px
}

#aboutme .nomargin {
  margin: 0;
}


li {
  min-width: 20%;
}

table {
  border-collapse: collapse;
}

td, th {
  padding: 8px;
  border: 2px solid #dddddd;
}

table * {
  text-shadow: 0px 0px 0px;
  color: white;
}


#graphics {
  background: url("images/pattern387.gif");
  height: 115vh
}

@media (max-width: 1024px) {
  .userbar {
    display: none
  }
  .graphicmarquee > marquee{
    display: none
  }
  
  #halofyi {
    display: none
  }
  .cornerimg {
    display: none
  }
  .clippit {
    display: none
  }
  
}

@media (max-width: 640px) {
  
  #sargediv {
    width: 70% !important;
    height: 400vh !important
  }
}


@media (max-width: 1600px) {
  #halofyi > .reschange {
    font-size: 10px;
    margin-top: 10px;
  }

  #halofyi > .reschange:nth-child(2) {
    bottom: 30px;
  }

  #halofyi > .reschange:nth-child(3) {
    bottom: 40px;
  }

  #halofyi > .fyihead {
    font-size: 12px;
  }
}


@media (max-width: 1360px) {
  #aboutme p, #aboutme h1{
    font-size: 8pt
  }

  #aboutme img {
    display: none
  }

  #aboutme pre {
    font-size: 4px
  }
  .rtext {
    display: none
  }
  .chaosstar {
    display: none
  }
  .nomobile {
    display: none
  }
}  
@media (max-width: 1280px) {
  #aboutme {
    display: none
  }
  #mainz {
    font-size: 12px
  }
}

@media (max-width: 960px) {
  
  #mainz {
    min-width: 40%
  }
}


@media (max-width: 1410px) {
  .bearcubs {
    display: none
  }
}
  


.reschange {
  font-size: 13px;
}

#halofyi > .reschange:nth-child(2) {
  position: relative;
  word-wrap: break-word;
  bottom: 35px;

}

#halofyi > .reschange:nth-child(3) {
  position: relative;
  word-wrap: break-word;
  bottom: 45px;
}

.fyihead {
  font-size: 16px
}

#facthistory {
  font-family: 'Trebuchet MS';
  background: url('images/Webb.jpg')
}

#facthistory li {
  font-size: 16px;
  display: inline-block
}

.rtext {
  text-shadow: -1px 0px 1px red, 0px 1px 1px red, 1px 0px 1px red, 0px -1px 1px red;
  font-family: SourceSansPro; 
  font-size: 18px; 
  
}
.rtext2 {
  text-shadow: -1px 0px 1px red, 0px 1px 1px red, 1px 0px 1px red, 0px -1px 1px red;
  font-family: SourceSansPro; 
  font-size: 18px; 
  
}


a:visited.rtext {
  color: white;
}

a:link.rtext {
  color: white;
}


#mains {
  width: 35vw; 
  height: 75vh; 
  background: url(images/spacebackground.gif); 
  border: 4px solid transparent; 
  border-image: url(images/doubleborder.png) 4 round; 
  top: calc(0% + 2px); 
  position: relative; 
  text-align: center; 
  background-clip: padding-box; 
  margin-left: auto; 
  margin-right: auto;
  overflow-x: hidden;
  overflow-y: scroll
}

.pixbox {
  font-family: "pixel arial"; 
  color: #76b900; 
  font-size: 24px
}

.xbdiv {
  font-family: Verdana; 
  color: black; 
  text-align: left; 
  font-size: 12px
  
}

.xbdiv p, .xbdiv ul {
  position: relative;
  top: 115px;
  margin-left: 30px;
  width: 80%;
  word-break: break-word;
}

.xbdiv li {
  width: 80%
}

.xbdiv a {
  text-decoration: none;
}

#mainz * {
  padding: 0;
  margin: 0
}

#webringulist, #webringulist table * {
  color: black
}