/** General CSS **/

body {
    text-align: center;
    background: #353133;
    color: white;
    padding-top:20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
button {
    background-color:rgb(255, 240, 70);
    font-size:1.3em;
    border: 0px;
    padding:18px;
    border-radius:15px;
    text-transform: uppercase;
    font-weight:bold;
    font-family:'Open Sans', sans;
}
button:hover {
    background-color:rgb(204, 153, 51);
    color:white;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

   h2 {
  font-weight: normal;
  color: #fff;
font-family:'Open Sans', sans;
  font-size: 14px;
}

  h3 {
  font-weight: normal;
  color: #fff;
  font-size: 13px;
}

#headline {
    color:aquamarine;
    font-weight: bold;
    font-size:xx-large;
    max-width:800px;
    display:block;
    margin: 0 auto;
    line-height: 1.5em;
}
#x-1 {
    color:rgb(172, 172, 172);
}
#x0 {
    color:rgb(245, 136, 117);
}
#x1 {
    color:rgb(255, 244, 179);
}
#x2 {
    color:aquamarine;
}
#x3 {
    color:lightblue;
}
#x4 {
    color:rgb(217, 173, 230);
}

/** Social Button CSS **/

.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 0.1em 0.6em;
    outline: none;
    text-align: center;
font-family:'Open Sans', sans;
text-decoration: none;
    font-size: 0.8em;
    margin: 0 0.2em;
  }
  
  .share-btn:focus,
  .share-btn:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  
.share-btn.twitter:hover { background: #444444; }
.share-btn.facebook:hover { background: #444444; }
  
  .share-btn.twitter     { background: #444444; }
  .share-btn.google-plus { background: #444444; }
  .share-btn.facebook    { background: #444444; }
  .share-btn.stumbleupon { background: #444444; }
  .share-btn.reddit      { background: #444444; }
  .share-btn.linkedin    { background: #444444; }
  .share-btn.email       { background: #444444; }
.share-btn.write       { background: #fff046; }