body {
  font-family: 'Source Sans Pro', sans-serif;
  color: #444;
  background-color: #fdfffc
}
h1 {
  color: #0a0f14
}
h1, h2, h3 {
  font-family: 'Poppins', serif;
  color: #000;
}
h4 {
  color: #000;
}

.logo a {
  text-decoration: none;
  color: #0805e5;
}

.button-services {
  display: block;
  text-decoration: none;
  padding: 1rem 2rem 1rem 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 5px;
  background-color: #00ffa1
}
.button-services:hover {
  background-color: #00dd8c;
}
.button-services h5 {
  margin: 0;
  padding: 0;
}
.button-ff {
  background-color: #ff006a;
  color: #ffeef5;
}
.button-ff:hover {
  background-color: #c05;
}
.button-twitter {
  background-color: #357edc;
  color: #b1d3ee;
}
.button-twitter:hover {
  background-color: #236dcc;
}
.button-github {
  background-color: #767676;
  color: #ddd;
}
.button-github:hover {
  background-color: #667;
}
.button-youtube {
  background-color: #d00;
  color: #fdd;
}
.button-youtube:hover {
  background-color: #b00;
}
.button-spotify {
  background-color: #00c555;
  color: #fff;
}
.button-spotify:hover {
  background-color: #00a346;
}
.button-pocket {
  background-color: #d5008f;
  color: #ecdbf0;
}
.button-pocket:hover {
  background-color: #b4286d;
}
.button-pinterest {
  background-color: #be0a1e;
  color: #ecdbf0;
}
.button-pinterest:hover {
  background-color: #b4286d;
}
.button-pinboard {
  background-color: #f2f4fa;
  color: #777;
}
.button-pinboard:hover {
  background-color: #d9dff1;
}
.button-services:hover {
}
.button-services:hover h5 {
}

.fade {
  color: #777
}
.fader {
  color: #999
}

input, select {
  background-color: #fff;
  height: 38px
}
input {
  border-radius: 5px;
  border: 1px solid #999;
  padding: 5px;
}

footer {
  font-size: 90%;
  margin-top: 50px;
}