.quote-area {
  border-radius:8px;
  margin:8% auto;
  width: 65%;
  padding:25px;
  display:table;
  background-color: #e1e9f7;
  color: #575b63;
  font-family: 'Poppins';
}

.quote-area .quote-text {
  text-align:center;
  font-size: 24px;
}

.quote-area .quote-author {
  text-align: right;
  font-size: 16px;
  padding-right: 6px;
}

.bottom-row {
  /*margin:8% auto;*/
}

.button {
  float:right;
  border:none;
  animation: bgcolor 30s ease infinite;
  color: #e1e9f7;
  outline: none;
  border-radius: 5px;
  font-size : 22px;
  font-family: 'Poppins';
  padding: 6px;
}

.bottom-row #tweet {
  font-size:48px;
  color: #575b63;
  float: left;
  text-align:center;
  margin-right:5px;
  /*height:30px;*/
  width:40px;
  /*vertical-align:text-top;*/
}

.button:hover {
  opacity: .7;
}

#tweet:hover {
  opacity: .7;
}

.footer {
    font-size: 24px;
    color: #e1e9f7;
    font-family: 'Poppins';
    text-align:center;
  }

.footer a {
  color: #e1e9f7;
}

html, body {
  animation: bgcolor 30s ease infinite;
}

p {

}

@keyframes  bgcolor{
    0%{
        background: #27ae60;
    }
    20%{
        background: #2980b9;
    }
    40%{
        background: #8e44ad;
    }
    60%{
        background: #c0392b;
    }
    800%{
        background: #16a085;
    }
    100%{
        background: #27ae60;
    }
}