a:link {
   color: black;
  }
a:visited {
   color: black;
}
a:hover {
   color: blue;
}
html, body {
    width: 100%;
    overflow-x: hidden;
    color: white;
    overflow-wrap: break-word;
    background-color: black;
    text-align: center;
}

#header {
   position: fixed;
   width: 100%;
   z-index: 2;
}

#btns {
   margin: 0 auto;
   font: 20px monospace;
   background-color: #CCC;
   border: 2px solid #333333;
   height: auto;
}

#main-title {
   font: 40px monospace;
   height: 800px;
   padding: 100px 20px 10px 20px;
}

#profile-pic {
   height: 400px;
   border-radius: 15%;
   float: center;
   margin: 0px auto;
   padding: 10px;
}

#about {
   height: 800px;
   width: 100%;
   margin: 0px;
   padding: 75px 20px 10px 20px;
   font: 18px monospace;
   line-height: 150%;
}

#portfolio {
   margin: 0px auto;
   text-align: center;
   height: 1100px;
   width: 100%;
   padding: 75px 20px 30px 20px;
   font: 18px monospace;
}

#projects {
   z-index: 0;
   font: 15px monospace;
   margin: 10px, 20px, 10px, 20px;
   display: inline-block;
   width: 300px;
}

#edpoe, #quoteGenerator, #resume {
   background: #CCC;
   color: black;
   margin: 10px, 5px, 10px, 5px;
   height: auto;
   
   
}

#contact-section {
   height: 600px;
   width: 100%;
   padding: 175px 20px 10px 20px;

}

h1 {
 font: 20px monospace;
 margin: 0px;
 padding: 10px;
}

#facebook, #codepen, #linkedin, #email {
   margin: 10px;
   border: solid black 2px;
   border-radius: 10%;
   font: 20px monospace;
   background-color: #CCC;
}

#author {
  text-align: left;
  font: 15px Oswald;
  width: 100%;
  clear: both;
  margin: 5px 5px 5px 5px;
}