@import url(https://fonts.googleapis.com/css?family=Raleway:600|Roboto:300&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:1.6rem}#app{display:flex;flex-direction:column;height:100vh;text-align:center}#text{font-family:Raleway,sans-serif;font-size:2.8rem;margin:2rem 3rem}@media screen and (max-width:550px){#text{font-size:1.8rem}}#author{margin:0 5rem 2.5rem 0;text-align:right}@media screen and (max-width:450px){#author{font-size:1.5rem}}@media screen and (max-width:375px){#author{font-size:1.3rem}}#tweet-quote{color:#fff;font-size:2rem;padding-top:.6rem}.tweet-quote-container{justify-content:center;border-radius:.5rem;padding:.5rem 1.5rem}.new-quote,.tweet-quote-container{display:flex;align-items:center;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.new-quote{border:none;border-radius:.5rem;color:#fff;font-size:1.4rem;outline:none;padding:1.2rem 1.5rem}@media screen and (max-width:450px){.new-quote{font-size:1.2rem;padding:1.5rem}}#quote-box{background-color:#fff;border-radius:5px;margin:auto;padding:5rem;width:55rem;display:flex;flex-direction:column;justify-content:space-around}@media screen and (max-width:768px){#quote-box{padding:5rem 4rem;width:45rem}}@media screen and (max-width:550px){#quote-box{padding:3rem 0;width:35rem}}@media screen and (max-width:450px){#quote-box{width:30rem}}@media screen and (max-width:375px){#quote-box{width:28rem}}.container{display:flex;align-items:center;justify-content:space-between;padding:0 5rem}#copyright{color:#fff;font-size:1.2rem;font-weight:400;letter-spacing:.2rem;padding-bottom:4rem}.copyright__link{border-bottom:1px dotted #fff;color:#fff;font-weight:700;text-decoration:none;-webkit-transition:opacity .2s;transition:opacity .2s}.copyright__link:hover{opacity:.5}
/*# sourceMappingURL=main.81a37520.chunk.css.map */