*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f;font-family:Raleway,sans-serif;font-size:14px;font-weight:500;line-height:17px}img{height:auto;max-width:100%}h3{color:#333;font-size:36px;font-weight:700;line-height:42px}header{padding:32px 0}.container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}main{padding-bottom:100px}footer{background-color:#fff;bottom:0;color:#828282;left:0;padding:40px 0;position:fixed;text-align:center;width:100%}footer a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}header .container{display:flex;justify-content:flex-end}.random-quotes{background:transparent;border:0;color:#4f4f4f;font-size:18px;line-height:120%}.random-quotes svg{display:inline-block;margin-left:10px}.random-quotes a{align-items:center;color:inherit;display:inline-flex;text-decoration:none}main .container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.quote-wrapper{color:#000;font-size:18px;line-height:120%;margin-bottom:48px;max-width:614px;position:relative}.quote-wrapper:before{background-color:#f7df94;content:"";height:100%;left:-30px;position:absolute;top:0;width:8px}.quote-preview{max-width:614px;width:100%}.author-info{margin-left:-30px;margin-right:-30px}.author-info a{color:#4f4f4f;display:block;display:flex;justify-content:space-between;padding:30px;text-decoration:none;transition:all .3s ease-in-out}.author-info a svg{color:#fff;height:30px;width:30px}.author-info a:hover{background-color:#333;color:#fff}.author-name{color:inherit;font-size:24px;font-weight:700;line-height:28px;margin-bottom:8px}.author-genre{color:#828282;font-size:14px;font-weight:500;line-height:16px}.loading-img{max-height:40px}@media only screen and (min-width:576px){.container{max-width:520px}.quote-wrapper:before{left:-50px}}@media only screen and (min-width:768px){.container{max-width:750px}.quote-wrapper{font-size:36px}.quote-wrapper,h3{margin-bottom:140px}.quote-wrapper:before{left:-100px}}@media only screen and (min-width:992px){.container{max-width:974px}}@media only screen and (min-width:1199px){.container{max-width:1140px}}@media only screen and (max-width:575px){.quote-preview{padding:30px}}
/*# sourceMappingURL=main.e8565993.css.map*/