@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&family=Roboto+Slab:wght@400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap";span{font-weight:300}#text{display:flex;font-size:20px;text-justify:justify}.fa-quote-left{display:inline;font-size:24px;margin-right:24px}.fab,.far{font-size:28px;color:#000}h2{margin:44px 0 0;font-size:20px}#container{display:grid;height:100vh;width:100vw;place-items:center}#container.color-red{background-color:#b82e0c}#container.color-green{background-color:#2b922b}#container.color-pink{background-color:#ea27f1c0}#container.color-orange{background-color:#f18527}#container.color-purple{background-color:#8527f1}#container.color-blue{background-color:#2792f1}#quote-box{display:grid;width:100%;max-width:600px;height:auto;padding:2rem;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;border-radius:8px;background-color:#fff}#author{text-align:end}#footer-quote{margin-top:24px;display:flex;justify-content:space-between;align-items:end}#new-quote{position:relative;border-radius:4px;border:none;width:110px;height:50px;color:#000;cursor:pointer;z-index:1;font-weight:700;font-size:16px;color:#fff}#new-quote.color-red{background-color:#b82e0c}#new-quote.color-green{background-color:#2b922b}#new-quote.color-pink{background-color:#ea27f1c0}#new-quote.color-orange{background-color:#f18527}#new-quote.color-purple{background-color:#8527f1}#new-quote.color-blue{background-color:#2792f1}#new-quote:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;z-index:-1;transition:opacity .3s,transform .3s;border-radius:inherit}#new-quote:hover:before{opacity:.9;transform:scale(1.1)}#root{height:100%;width:100%}body{margin:0;padding:0;box-sizing:border-box;font-size:62.5%;font-family:Nunito,sans-serif;font-family:Roboto,sans-serif;font-family:Roboto Slab,serif}