@media only screen and (min-width:320px){body,html{padding:0;margin:0 auto}body{box-sizing:border-box;font-family:Roboto,sans-serif}.quote-container{max-width:90%;margin:auto}blockquote{min-height:200px;padding:10% 5%}.author{font-weight:300;font-size:.82em;padding-left:3px}.button-container{display:flex;align-content:space-between;justify-content:center}a{cursor:pointer;color:#000;padding:15px;border-radius:50%;margin:5px;box-shadow:0 3px 5px rgba(0,0,0,.3),0 4px 3px rgba(0,0,0,.22)}.loader{color:#fff;animation-name:loading;animation-duration:2s;animation-timing-function:linear;animation-delay:1.5s;animation-iteration-count:infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg);color:#fff}50%{transform:rotate(180deg);color:grey}to{transform:rotate(1turn);color:grey}}@keyframes appear{0%{opacity:0;color:#fff}75%{color:grey}to{opacity:1;color:#000}}}@media only screen and (min-width:480px){.quote-container{max-width:90%}}@media only screen and (min-width:768px){.quote-container{max-width:85%}}@media only screen and (min-width:992px){.quote-container{max-width:50%}}@media only screen and (min-width:1200px){.quote-container{max-width:35%}}
/*# sourceMappingURL=/fcc-quote-tweet-parcel/styles.62f71c63.css.map */