/* All Pages */
body {
  background-color: #2c2c30;
  color: white;
}

/* Index */


.index header h1 {
  padding-top: 35px;
  text-align: center;
  font-family: "Rock Salt";
}

.index header img {
  border-radius: 170px;
  width: 300px;
  
}

.index h2 {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 20px;
  padding-bottom: 20px;
}

.index p.about {
  text-align: center;
  padding: 50px;
  padding-bottom: 25px;
  font-family: "Source Code Pro", monospace;
}

.index h3 {
  padding-top: 20px;
  text-align: center;
}
.information-technology {
  text-align: center;
  padding-top: 55px;
  font-family: "Source Code Pro", monospace;
}

/* Blog */
    .blog-container{
        color: black;
        
    }
    .blog-container a:link {
        color:black;
        text-decoration: none;
    }
    .blog-container a:visited {
        color:black;
        text-decoration: none;
    }     

    .blog-header h1{
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
    }

  /* Resume */
  .resume-header h1{
    text-align: center;
    padding-top: 50px;
  }

  .resume main p {
    text-align: center;
  }

  /* Form */

  .form-header h1 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

/* Footer */

footer {
  padding-top: 75px;
}
.social a {
  font-size: 1.5em;
  padding: 1.5rem;
}

.fa-twitter {
  color: #26a7de;
}

.fa-github {
  color: #171515;
}

.fa-instagram {
  color: #c13584;
 /* Also define standard property for compatibility */
  -webkit-text-fill-color: transparent;
  font-size: 25px;
  /* change this to change the size*/
}

.fa-twitter:hover,
.fa-github:hover,
.fa-instagram:hover {
  color: #e4e4e4;
}

hr.light {
  border-top: 1px solid #e4e4e4;
  width: 50%;
  margin-top: 0.6rem;
  margin-bottom: 0.1rem;
}