@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap);.QuoteDetails[data-v-26a59a57]{width:672px}body{height:100vh;padding:30px 100px 24px 509px}.quote-container{margin-top:140px;display:flex;flex-direction:column;justify-content:center}.QuoteContent{width:614px;padding-left:100px;margin-left:-80px;margin-bottom:140px;border-left:8px solid #f7df94}.QuoteContent .quote__text{font-family:Raleway;font-style:normal;font-weight:500;font-size:36px;line-height:120%;color:#000}.QuoteDetails{padding:29px;display:flex;justify-content:space-between;align-items:center}.QuoteDetails .text .quote-author{font-family:Raleway;font-weight:700;font-size:24px;line-height:28px;color:#4f4f4f;margin-bottom:8px}.QuoteDetails .text .quote-genre{font-family:Raleway,sans-serif;font-weight:500;font-size:14px;line-height:16px;color:#828282}.QuoteDetails .icon{display:flex;align-items:center;color:#fff}.QuoteDetails:hover{background:#333}.QuoteDetails:hover .quote-author{color:#f2f2f2}.RandomQuoteBtn{display:flex;justify-content:flex-end;height:30px}.RandomQuoteBtn button{display:flex;justify-content:space-between;align-items:center}.RandomQuoteBtn button .btn-text{font-family:Raleway,sans-serif;font-weight:500;font-size:18px;line-height:120%;color:#333;margin-right:11px}.RandomQuoteBtn button .btn-icon{font-size:24px;color:#333}.AuthorQuotes .author-quote__title{font-family:Raleway,sans-serif;font-style:normal;font-weight:700;font-size:36px;line-height:42px;margin-left:30px;color:#333}