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

/* 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: aquamarine;
}

a:visited {
  color: mediumaquamarine;
}

h1 {
  background: transparent;
}

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

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

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

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

section {
  overflow: hidden;
  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: 75vw;
  height: 80vh;
  
  /* 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(140deg) rotateZ(60deg)}
  75% {transform: rotateX(270deg) rotateY(100deg) rotateZ(30deg)}
  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: 0% 0%}
  50% {background-position: 1250% -10000%}
  100% {background-position: 0% 0%}
}

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


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

li {
  list-style-type: none;
}


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

.webdesign {
  color: cyan;
}

#container section h1, p {
  text-shadow: #fff 0px 0px 0px
}

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

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

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

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

#five, #six * {
  color: white;
}

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

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

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

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

#nine {
  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;
}

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

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

#chatroom {
  background: url("https://i.gifer.com/8JqD.gif");
  background-size: cover;
  height: 77vh;
  font-family: 'Courier New', Courier, monospace;
}

#ansicolour {
  background: url("images/pattern387.gif");
  font-family: Courier;
}

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

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

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

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

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

#musicroom {
  height: 30vh;
  background: url("images/foredestruction.jpg");
  background-size: cover;
}


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

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

#splash {
  font-family: dotmatrix;
  margin-top: -1px;
  color: orange;
}

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

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

table {
  border-collapse: collapse;
}

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

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