@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:800;src:url(/advice-generator-app/assets/manrope-v20-latin-800-BfWYOv1c.woff2) format("woff2"),url(/advice-generator-app/assets/manrope-v20-latin-800-Zf6XNs38.ttf) format("truetype")}:root{--color-light-cyan:#cee3e9;--color-neon-green:#52ffa8;--color-grayish-blue:#4e5d73;--color-dark-grayish-blue:#323a49;--color-dark-blue:#1f2632;--font-main:manrope,sans-serif;--font-extra-bold:800}*,:after,:before{box-sizing:border-box;margin:0}body{font-family:manrope,sans-serif;font-family:var(--font-main);font-weight:800;font-weight:var(--font-extra-bold);line-height:1;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}.advice{align-items:center;background-color:#323a49;background-color:var(--color-dark-grayish-blue);border-radius:.75rem;box-shadow:0 8px 24px #11111a1a,0 16px 56px #11111a1a,0 24px 80px #11111a1a;display:flex;flex-direction:column;margin:0 auto;padding:2.625rem 1.5rem 0;position:relative;text-align:center;width:min(100vw - 2rem,33.75rem)}.advice__divider{margin-bottom:2rem}.advice__divider img{height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}.advice__id{color:#52ffa8;color:var(--color-neon-green);font-size:.6875rem;letter-spacing:.31em;margin-bottom:1.625rem;text-transform:uppercase}.advice__content{color:#cee3e9;color:var(--color-light-cyan);font-size:1.5rem;line-height:2.0625rem;margin-bottom:1.75rem;max-width:24ch}.advice__refresh-btn{background-color:#52ffa8;background-color:var(--color-neon-green);border:none;border-radius:9999px;cursor:pointer;margin-bottom:-2rem;padding:1.25rem;position:relative;transition:transform .15s ease}.advice__refresh-btn--shadow{border-radius:inherit;bottom:0;box-shadow:0 0 32px 4px #52ffa8;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.advice__refresh-btn:active{transform:scale(.9)}.main__container{background-color:#1f2632;background-color:var(--color-dark-blue);min-height:100vh;padding-bottom:clamp(13.9375rem,10vh + 12vw + 2rem,15.9375rem);padding-top:clamp(7.5rem,8.5vh + 9vw + 2rem,13.9375rem)}@media (min-width:38em){.advice{padding-top:3.1875rem}.advice__divider{margin-bottom:2.5rem}.advice__id{font-size:.8125rem}.advice__content{font-size:1.75rem;line-height:2.375rem;margin-bottom:2.5rem}}@media (hover:hover){.advice__refresh-btn,.advice__refresh-btn--shadow{transition:none}.advice__refresh-btn--shadow:hover{opacity:1}}