body {
  background-color: #a7d9a9;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23388e3c' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M0 0h35v35H0V0zm5 5h25v25H5V5zm5 5h15v15H10V10zm5 5h5v5h-5v-5zM40 5h25v25H40V5zm5 5h15v15H45V10zm5 5h5v5h-5v-5zM70 35H35v35h35V35zm-5 5H40v25h25V40zm-5 5H45v15h15V45zm-5 5h-5v5h5v-5zM30 40H5v25h25V40zm-5 5H10v15h15V45zm-5 5h-5v5h5v-5z'/%3E%3C/g%3E%3C/svg%3E");
}

.quoteBox {
  position: relative;
  margin: 15% auto auto auto;
  display: table;
  width: 550px;
  color: #388e3c;
  background-color: #a7d9a9;
  border: 5px solid #388e3c;
}

.row {
  padding: 30px;
}

.message {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  width: 100%;
  padding: 5%;
}

#tweetButton{
  float: right;
   color: #a7d9a9;
  background-color: #388e3c;
  left: 50px;
}

#tweetButton:hover{
  color: #a7d9a9;
  background-color: #255c27;
}


.quoteButton {
  color: #a7d9a9;
  background-color: #388e3c;
  border: 1px solid #388e3c;
}

.quoteButton:hover,
.quoteButton:visited{
    background-color: #255c27;
    border: 1px solid #388e3c;
    color: #a7d9a9;
}

.footer {
  color: #8bc34a;
  position: relative;
  margin: 10px auto auto auto;
  display: table;
}

#extLink {
  text-decoration: none;
}

#extLink:link, #extLink:visited {
  color: #8bc34a;
}

#extLink:hover {
  color: #aeec66;
  text-decoration: none;
}