style.css

/* || General Setup */
html, body {
  margin: 0;
  padding: 0;
}

html {
  font-family: "Lora", serif; 
  background-color:#2c2a33 ;
}

body{
  width: "device-width";
  margin: 0 auto;
}


/* Navbar */
.navbar {
  display: table;
  position: fixed;
  width: 100%;
  height: 5%;
  max-height: 50px;
  background-color:#423f4d;
}

.navbar-sitename {
  display: table-cell;
  color: antiquewhite;
  text-decoration: none;
  vertical-align: middle;
  float: center ;
  margin: 0 auto;
  padding-left: 15px;
  text-size-adjust: auto;
  font-size: x-large;
}

.navbar-list {
  padding:  15px;
  float: right;
}

.navbar-list > li {
  color: antiquewhite;
  vertical-align: middle;
  display: inline;
  padding-left: 20px; 
  padding-right: 20px;
  font-size: 1.2vw;
}

.navbar-list > li > a {
  text-decoration: none;
  color: antiquewhite;
}

.navbar:after {

}

.article-bio{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60%;
}

.content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

h1, h3 {
    padding-top: 10px;
    color:antiquewhite;
    text-align: center;
}
p {
  color: antiquewhite;
  text-align: center;
}

main {
  padding: 5rem 0 2.5rem 0;
}

footer:before {
  content: ""; 
  display: block; 
  margin: 0 auto; 
  width: 80%; 
  padding-top: 20px; 
  border-top: 1px solid antiquewhite; 
}