/* 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." */

body {
  align-content: center;
  align-items: center;
  align-self: center;
  text-align: center;
  background-color: black;
  color: white;
  font-family: Courier;
  font-weight: 600;
  background-image: url("https://art.teleportacia.org/observation/vernacular/stars/anima_blue.gif");
  background-repeat: repeat;
}
a {
  color: #00ffff; /* Changes the default color of all links to red */
  font-weight: 900;
}
crt {
/* scanlines */
  background: linear-gradient(to top, #000000, #000000, #333333, #333333);
  background-size: cover;
  background-size: 100% 1px;

/* retro stuff */
  color: #00ff00;
  font-family: "Courier New", monospace;
  font-size: 50px;
  text-align: center;
  text-shadow: 0 0 10px #00ff00;

/* flex stuff */
  display: flex;
  flex-direction: column;
  align-items: center;

/*thanks to https://medium.com/@dovid11564/using-css-animations-to-mimic-the-look-of-a-crt-monitor-3919de3318e2 for the css*/
}