/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your HTML content.*/

body {
  background-color: black;
  color: white;
  font-family: arial;
}

header {
  padding: 15px 15px 0 15px;
}

a {
color: red;
}

nav ul {
  margin: 0;
  display: inline;
}

nav ul li {
    background: black;
    display: inline-block;
    list-style-type: none;
    color: gray;
    padding: 5px 15px;
}

.row {
  clear: both;
}

.col {
  background: #333;
  border-radius: 5px;
  padding: 10px .5%;
  /*color: #333;*/
  float: middle;
  margin: 1%;
  width: 50%;
}


.darkBG {
 background: #999; 
}

.darkerBG {
 background: #665; 
}

.darkestBG {
 background: #333; 
 color: #333;
}




footer {
  clear: both;
}