/* START:     comment...
  begin code - fontscustom.css
  
   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 FAMILY 'MinionPro' - MinionProRegular:
   import custom font from neocities.org url */
/* import custom font: 
    'MinionPro' font family */
    @font-face {
      font-family: 'MinionPro';
      src: url('fonts/minion-pro-cufonfonts-webfont/MinionPro-Regular.woff'), format('woff');
}



/* FONT 'MinionPro' - MinionProRegular:
   face */
   /* @font-face {
     font-family: MinionPro; 
     src: url('MinionPro-Regular.woff');
} 
*/



/*          << ------------------------------------------------------------ >>          */



/* FONT 'joystix':
   face */
   @font-face {
     font-family: joystix; 
     src: url('joystix%20monospace.ttf');
} 



/*          << ------------------------------------------------------------ >>          */



/* FONT FAMILY 'ArcadeClassic':
   import custom font from neocities.org url */
    @font-face {
      font-family: 'ArcadeClassic';
      font-style: normal;
      font-weight: 400;
      src: url('/fonts/Press_Start_2P/PressStart2P-Regular.ttf')  format('truetype');
      
      /* NOT currently using... 
          deep web support for custom font family: 
      src: url('webfont.eot');  IE9 Compat Modes 
      src: url('webfont.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
        url('webfont.woff2') format('woff2'),  Super Modern Browsers 
        url('webfont.woff') format('woff'),  Pretty Modern Browsers 
        url('webfont.ttf')  format('truetype'),  Safari, Android, iOS 
        url('webfont.svg#svgFontName') format('svg');  Legacy iOS */
}



/*      < -------------------- >      */



/* FONT STYLE - 'ArcadeClassic':
   'ArcadeClassic' additional base style */
.arcadefontcss, a, a:hover, a:active {
  /* correct for link css style from "global /style.css sheet"... 
  remove text decoration */
  text-decoration: none;
  
  /* 'ArcadeClassic' font base style */
  font-family: 'ArcadeClassic', sans-serif; /* cursive */
  color: #ffffff;
  font-size: 20.9px;
  letter-spacing: 5px;
  animation: blink 1s steps(4, start) infinite;
  
  /* 'ArcadeClassic' font text shadow */
  text-shadow: -2px 0px 0px #fdff2a, 
  -4px 0px 0px #df4a42, 
  2px 0px 0px #91fcfe, 
  4px 0px 0px #4405fc;
  
  /* 'ArcadeClassic' font padding...
  corrects for lack of equivalent spacing on top and left */
  padding: 7px 0px 0px 6px; /* t r b l */
  line-height: 30px;
}

/* remove blinking animation from links upon hover */
a:hover, a:active {
  animation: none;
}



/*      < -------------------- >      */



  /* 'ArcadeClassic' font animation... 
  blink animation hides text */
@-moz-keyframes blink {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

@-o-keyframes blink {
  to {
    visibility: hidden;
  }
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}



/*          << ------------------------------------------------------------ >>          */



/* END:     comment...
   fin. code - fontscustom.css 
*/