/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


@font-face{
  font-family: 'Analogue'; /* the default font */
    src:
    url('https://stationincolorspace.neocities.org/AnalogueOS-Regular.woff2') format('woff2'),
    url('https://stationincolorspace.neocities.org/AnalogueOS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {                  
  font-family: 'CHNOPixel'; /* This font is for the Narrator */
  src: url('https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} 
.n { /* tag for Narrator */
  font-family: 'CHNOPixel';
  font-size: 18pt;
  }
  
@font-face {                  
  font-family: 'CHNOPixel-Italic'; /* This font is for the Narrator */
  src: url('https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} 
.ni { /* tag for Narrator Italics */
  font-family: 'CHNOPixel-Italic';
  font-size: 18pt;
}

@font-face {                  
  font-family: 'Illusion'; /* this font is for Fumiko */
  src: url('https://humantooth.neocities.org/fonts/IllusionSerif-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
} 
.fumi { /* tag for Fumiko */
  font-family: 'Illusion';
}

@font-face {                  
  font-family: 'Illusion-Italic'; /* This font is for Fumiko */
  src: url('https://humantooth.neocities.org/fonts/IllusionSerif-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
} 
.fumii { /* tag for Fumiko Italics */
  font-family: 'Illusion-Italic';
}

@font-face {                  
  font-family: 'Jacquard12'; /* this font is for Azuki */
  src: url('https://humantooth.neocities.org/fonts/Jacquard12-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
} 
.azuki { /* tag for Azuki */
  font-family: 'Jaquard12';
}



img {
  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */

  display: block;
  margin: auto;
  width: 85%;
 }



/* For Alignment and styling of text elements */
p {
  display: flex;
  margin: 10px 90px;
}
h1, h3, h5 {
  display: flex;
  justify-content: center;
}
h2, h4, h6 {
  display: flex;
  margin: 10px 120px;
}

li {
  display: flex;
  margin: 15px 90px
}
span { 
  display: flex;
}

/* Body settings for different locations in the station */
body { /*global setting*/
  background-size: 25%;
  background-repeat: repeat;
  
  font-family: 'Analogue';
  font-size: 23pt;
}

.space{ /* intro page */
  background-color: #000;
  color: #D0FFFB;                              

  background-image: url("https://stationincolorspace.neocities.org/thedatastream/BGstars.png");
  
  border: 5px;
  border-style: dotted;
  border-radius: 12px;
  border-color: #030C28
}

.hallway { /* wandering the halls; The Beam Cannon, */
  background-color: #213C53;
  color: #959BE2;
  background-image: url("");
  
   border: 5px;
  border-style: dotted;
  border-radius: 12px;
  border-color: #030C28
}