/* --- SETUP --- */

/* Setup the background of the website */  
body {
  background-image: url("/images/scrolling-background.gif");
  padding: 25px;
}

/* Setup the main section of the website */  
main {
  /* set colors, font, and text alignment/size/height */
  background-color: black;
  color: white;
  font-family: Monospace;
  font-size: 16px;
  text-align: center;
  line-height: 25px;

  /* center the page */
  max-width: 800px;
  margin: auto;

  /* add padding (25 for bottom and top, 50 for left and right */
  padding: 25px 50px 25px 50px;
  
  /* create a border around the page */
  border: 5px groove white;   

}

/* general setup for links */
a:link {
    color: lightgrey;
    background-color: transparent;
    text-decoration: underline;
}

a:visited {
  color: grey;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: lightgrey;
  background-color: transparent;
}

/* --- CLASSES--- */

/* Class for flex containers within the project page */
.flexcontainer_project {
  display: flex;
  border: 5px groove dimgrey;
  align-items: center;
  height: auto;
  padding: 20px;
}

/* Class for flex containers within the news page */
.flexcontainer_news {
  display: flex;
  border: 5px groove white;
  align-items: center;
  height: auto;
  padding: 20px;
}