a { color: white; }
header {
  width: 100%;
  display: flex;
  align-items: center;
  height: 80px;
}
h1 {
  padding-left : 25px;
  font-size: x-large;
}
body {
  margin-left: 30px;
  color:white;
  background-color: black;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
main {
  margin-left: 20px;
}
footer {
  /* position:absolute; */
  position:fixed;
  text-align: center;
    bottom:0;
    width:100%;
    height:60px;
    padding:10px 0;
    left: 0px;
  background-color: rgba(21, 17, 49, .4);
  color: white;
}
.site-logo {
  width: 35px;
  height: 35px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  background-color:rgba(0,0,0,0.7);
  padding: 20px;
}
/* Create two unequal columns that sits next to each other */
.side {
  flex: 30%;
}
.main {
  flex: 70%;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.navbar {
  overflow: hidden;
  background-color: rgba(21, 17, 49, .4);
}
.navbar a {
  float: left; /* Make sure that the links stay side-by-side */
  display: block; /* Change the display to block, for responsive reasons (see below) */
  color: white;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none; /* Remove underline */
}
.navbar a.right {
  float: right; /* Float a link to the right */
}
.navbar a:hover {
  background-color: #ddd;
  color: black;
}