html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:62.5%}body{margin:0;background-color:#f5f5f5}.flex-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-container #wrapper{box-sizing:border-box;max-width:600px;width:100%;background-color:#f5f5f5;border-radius:2px;padding:.5rem}.loading{font-size:3rem}.error{font-size:5rem;font-weight:400}#text p{margin-top:20px;font-size:2.8rem;text-align:center}#text #author{text-align:end;font-size:1.8rem;padding-top:6rem}.fa-quote-left,.fa-quote-right{font-size:5rem;color:#ff4500}.fa-quote-right{float:right}#flex-items{display:flex;align-items:center;justify-content:space-between;padding:3rem}#tweet-quote>a{display:flex;align-items:center;text-decoration:none}#tweet-quote>a i{transition:all 10s;font-size:3rem;color:#1da1f2}#tweet-quote>a p{padding-left:1rem;font-size:2rem;color:#000}#new-quote{font-size:1.5rem;padding:1rem 2.5rem;border:none;border-radius:5px;color:#fff;background-color:#ff4500;cursor:pointer}#new-quote:hover{background-color:coral}#footer{padding:2rem;color:#ff4500;font-size:1.5rem}#footer a{color:#ff4500;text-decoration:none}