:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;overflow-y:hidden;background-color:#1f2632;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem}*{text-align:center}.home-container h1{color:#4e5d73;font-weight:800}@media screen and (max-width: 400px){.home-container{margin:0;padding:0}.home-container h1{font-size:20px}}.footer{display:flex;justify-content:space-around;color:#4e5d73}.quote-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:3em auto}.quote-body{position:relative;background-color:#323a49;border-radius:20px;padding:10px 10px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:350px}.quote-body .advice-id h2{font-size:16px;color:#52ffa8}.quote-body .quotes,.init-quote{font-size:24px;color:#cee3e9}.quote-body .circle-button{position:absolute;bottom:-25px}.circle-button button{width:55px;height:55px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-color:#52ffa8;transition:box-shadow .5s ease;animation:initial 1s}.circle-button button:hover{box-shadow:#ebfce84d 0 8px 28px;animation:rotate 1s}@keyframes initial{0% {transform: rotate(-180deg);}}@keyframes rotate{to{transform:rotate(180deg)}}.circle-button img{background-color:#52ffa8}.pattern-sep .mobile-sep{display:none}@media screen and (max-width: 800px){.quote-container{margin:5em auto}.quote-body{max-width:400px;max-height:auto;font-size:18px}}@media screen and (max-width: 400px){.quote-body{max-width:300px;padding-inline:10px}.pattern-sep .desktop-sep{display:none}.pattern-sep .mobile-sep{display:block}}