#root{max-width:1280px;margin:0 auto;text-align:center}.container__card{position:relative;font-family:Manrope,sans-serif;background-color:#323a49;width:280px;padding:20px 30px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.container__card>h5{font-weight:500;font-size:.4rem;letter-spacing:.2rem;color:#52ffa8}.container__card>img{margin-bottom:45px;width:100%}#randomAdvice{font-weight:800;font-size:.8rem;text-align:center;color:#cee3e9;margin-bottom:25px;width:100%}.adviceGenerateButton{background-color:#52ffa8;border:none;border-radius:100%;width:65px;height:65px;margin-top:30px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:-30px;margin-right:137px}.adviceGenerateButton:hover{cursor:pointer;box-shadow:0 0 25px 2px #52ffa8}@media (min-width: 540px){.container__card{width:330px}.adviceGenerateButton{position:absolute;right:0;bottom:-30px;margin-right:162px}}@media (min-width: 1000px){.container__card{width:360px}.adviceGenerateButton{position:absolute;right:0;bottom:-30px;margin-right:176px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:28px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background-color:#1f2632;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;place-items:center;min-width:320px;min-height:100vh}.attribution{margin-top:80px;color:#cee3e9;font-size:11px;text-align:center}.attribution a{color:#3e52a3}