@import url(https://fonts.googleapis.com/css?family=Righteous|Roboto);

/* Header */

header {
  background-color: #2196F3;
  margin-bottom: 20px;
  box-shadow: 0 0 40px 0 #888888;
}

#header h1 {
  font-family: righteous;
  font-size: 500%;
  color: #FFFFFF;
}

#header h3 {
  font-family: roboto;
  color: #FFC107;
}


/* End Header */


/* Body Section*/

#body {
  padding: 10px;
}


/* End Body Section*/


/* About Section*/

#about h2 {
  font-family: righteous;
  color: #212121;
}

#about p {
  font-family: roboto;
  line-height: 1.75;
}


/*End About Section*/


/* Projects Section */

#projects h2 {
  font-family: righteous;
}

.accordion-title {
  font-family: roboto;
  color: #212121;
  font-size: 120%;
}

.accordion-title::before {
  color: #FFC107;
  font-weight: bold
}

.is-active > .accordion-title::before {
  color: #FFC107;
}

.accordion-content h5,
p,
li {
  font-family: roboto;
}

.accordion-content p,
li {
  font-size: 90%
}


/* End Projects Section*/


/* Contact Footer Section */

#contact {
  padding: 10px;
  background-color: #1976D2;
  box-shadow: 0 0 100px #888888;
  margin-top: 20px;
}

#contact h2,
p {
  font-family: roboto;
}

#contact h2 {
  font-family: righteous;
  color: #FFFFFF;
}

#contact p {
  color: #FFFFFF;
}

#contact a {
  color: #FFC107;
}

#contact .thumbnail {
  border-width: 0px;
}


/*End Contact Footer Section */