@import url(https://fonts.googleapis.com/css?family=Quicksand:400,600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app{background:#3b3b3b;height:100%;width:100%;position:fixed;top:0;left:0;font-family:"Quicksand",sans-serif;transition:all .2s ease-out}#app.green{background:#23a186}#app.green #quote-box{border-color:#114d40;background:#2ccba9}#app.green #quote-box a#tweet-quote,#app.green #quote-box button#new-quote{background:#66dec4;border:1px solid #1e8c75}#app.green #quote-box a#tweet-quote:hover,#app.green #quote-box button#new-quote:hover{background:#3cd5b4}#app.orange{background:#bf8622}#app.orange #quote-box{border-color:#684913;background:#dca038}#app.orange #quote-box a#tweet-quote,#app.orange #quote-box button#new-quote{background:#e7bf79;border:1px solid #a9771e}#app.orange #quote-box a#tweet-quote:hover,#app.orange #quote-box button#new-quote:hover{background:#dfab4e}#app.red{background:#9c3636}#app.red #quote-box{border-color:#501c1c;background:#bf4646}#app.red #quote-box a#tweet-quote,#app.red #quote-box button#new-quote{background:#d37f7f;border:1px solid #892f2f}#app.red #quote-box a#tweet-quote:hover,#app.red #quote-box button#new-quote:hover{background:#c65959}#app.blue{background:#253ba8}#app.blue #quote-box{border-color:#131e54;background:#2f4ad1}#app.blue #quote-box a#tweet-quote,#app.blue #quote-box button#new-quote{background:#6e81df;border:1px solid #203493}#app.blue #quote-box a#tweet-quote:hover,#app.blue #quote-box button#new-quote:hover{background:#445cd6}#app.purple{background:#7a2d7d}#app.purple #quote-box{border-color:#311232;background:#9f3ba3}#app.purple #quote-box a#tweet-quote,#app.purple #quote-box button#new-quote{background:#c363c7;border:1px solid #68266a}#app.purple #quote-box a#tweet-quote:hover,#app.purple #quote-box button#new-quote:hover{background:#b141b5}#app.gray{background:#3b3b3b}#app.gray #quote-box{border-color:#080808;background:#555}#app.gray #quote-box a#tweet-quote,#app.gray #quote-box button#new-quote{background:#7b7b7b;border:1px solid #2e2e2e}#app.gray #quote-box a#tweet-quote:hover,#app.gray #quote-box button#new-quote:hover{background:#616161}#app #quote-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:800px;width:98%;max-height:500px;min-height:150px;height:auto;border:1px solid #2e2e2e;border-radius:10px;color:#f7f7f7;background:#555;transition:all .2s ease-out}#app #quote-box a#tweet-quote,#app #quote-box button#new-quote{position:absolute;bottom:15px;left:15px;background:#7b7b7b;border:1px solid #2e2e2e;border-radius:4px;padding:8px 12px;text-transform:uppercase;color:#000;font-family:"Quicksand",sans-serif;font-size:1em;transition:all .2s ease-out;cursor:pointer}#app #quote-box a#tweet-quote:hover,#app #quote-box button#new-quote:hover{background:#616161}#app #quote-box a#tweet-quote{text-decoration:none;right:15px;left:auto}#app #quote-box #quote-content{max-height:calc(100% - 140px);height:auto;position:relative;width:calc(100% - 180px);margin:60px 90px 80px}#app #quote-box #quote-content #text{font-size:2em;position:relative}#app #quote-box #quote-content #text:before{position:absolute;content:'"';font-size:5em;opacity:.2;left:-60px;top:-50px}#app #quote-box #quote-content #author{position:relative;text-align:right;font-style:italic;font-size:1.2em;padding-top:30px}#app #quote-box #quote-content #author:before{content:"- "}
/*# sourceMappingURL=main.364e6365.chunk.css.map */