/* 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." */
   
/* hey look, a folder to serve as a better way to organize things, how fun! */



body {
  
  /* might wanna find a cooler font. */
  font-family: 'Courier New', Courier, monospace;
  
    /* Setting background image. Just note that you can, indeed, use pngs, so the line color can be changed.*/
  background-image: url("/images/plargDead_NightClear.png");
  background-color: #040404;
  background-size: 400px 250px;
  
  /* trying to animate the background. */
  position: relative;
  animation: diagScroll 60s linear infinite;
  background-repeat: repeat;
}



h1 {
    /* Yes, you can set more specific colors with hex codes! Neato. */
    color: #C0C0C0;
    text-align: center;
    width: 900px;
    
    /* Based on that one video, I'm not sure using auto margin is the best idea, but it'll do for now, I suppose. */
    margin: auto;
    
    /* This determines the line spacing in pixels. Might need to create another class if I need to change things, or just use "<br>" in the HTML doc. */
    line-height: 100px;
}


p {
    color: #020202;
    text-align: center;
    width: 900px;
    line-height: 25px;
    margin: auto;
}

p2 {
    color: #c0c0c0;
    text-align: center;

    
    margin: auto;
    
    line-height: 25px;
    display: block;
}


/* un-comment if you need an image, for some reason */
/* img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
*/

/* The animation code */
@keyframes diagScroll {
  from {
    background-position: 0px 0px;
  }
  
  to {
    background-position: 800px 250px;
  }
}