body {
  background: #314bb6;
  padding-top: 70px;
  height:100%;
  width:100%;
}

p {
  /* margin: 10px; */
  /* color: #314bb6; */
  /* font-size: 30px; */
  /* font-weight: 500; */
}

.quoteBox {
  background: white;
  margin: 10% 20%;
  border-radius: 3px;
  box-shadow: 5px 5px rgba(0,0,0,.2);
}

.socialAnchors {
  float: left;
  margin: 10px;

}

.fa-tumblr-square {
  color: #314bb6;
  /* box-shadow: 2px 2px rgba(0,0,0,.2); */

}

.fa-twitter-square {
  color: #314bb6;
  /* box-shadow: 2px 2px rgba(0,0,0,.2); */

}

#quote {
  margin: 10px;
  color: #314bb6;
  font-size: 20px;
  font-weight: 600;
}

#author {
  color: #314bb6;
  font-size: 16px;
  margin: auto;
}

#newQuote {
  float: right;
  margin: 10px;
  background: #314bb6;
  color:white;
  border: none;
  border-radius: 3px;
  padding: 3px;
  /* box-shadow: 2px 2px rgba(0,0,0,.2); */

}

button:focus {
  outline: none;
}

button:hover {
  filter: brightness(90%);
}