#quoteDisplay {
  border-radius: 3px;
  position: relative;
  margin: 3% 7% auto 7%;
  padding: 20px 40px;
  background-color: white;
}

#buttonbox {
  border-radius: 3px;
  background-color: white;
  display: inline-block;
  padding: 5px;
}

#quoteText {
  text-align: center;
  height: auto;
  clear: both;
  font-weight: 500;
  font-size: 1.75em;
}
#quoteText i {
  font-size: 1.0em;
  margin-right: 0.4em;
}

body {
  color: white;
}

div {
  position: relative;
  z-index: 2;
}

.buttons {
  margin: auto;
  display: block;
}
.buttons .button {
  height: 38px;
  border: none;
  border-radius: 3px;
  color: #fff;
  background-color: #333;
  outline: none;
  font-size: 0.85em;
  padding: 8px 18px 6px 18px;
  opacity: 1;
  cursor: pointer;
}
.buttons .button:hover {
  opacity: 0.5;
}
.buttons .button#tweet-quote, .buttons .button#tumblr-quote {
  float: left;
  padding: 0px;
  padding-top: 8px;
  text-align: center;
  font-size: 1.2em;
  height: 30px;
  width: 40px;
  margin-left: 5px;
}
.buttons .button#new-quote {
  float: left;
}

 /* .buttons {
    width:450px;
    margin:auto;
    display:block;
.button {
  
  height:40px;
  border:white solid 1px;
  border-radius:3px;
  outline:none !important ;
  opacity:1;
  color:white;
  background-color:#333;
  margin-right:5px;
  
   &:hover {
        opacity:0.4;
     
      }
 &#tweet-quote, &#tumblr-quote {
     
     text-align:center;
        font-size:1.2em;
        margin-right:5px;
        height:40px;
        width:40px;
     
}
} } */
.footer {
  width: 450px;
  text-align: center;
  display: block;
  margin: 15px auto 30px auto;
  font-size: 0.8em;
  color: #fff;
}
.footer a {
  font-weight: 500;
  text-decoration: none;
  color: #fff;
}