@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap";:root{--Light-Cyan: hsl(193deg, 38%, 86%);--Neon-Green: hsl(150deg, 100%, 66%);--Grayish-Blue: hsl(217deg, 19%, 38%);--Dark-Grayish-Blue: hsl(217deg, 19%, 24%);--Dark-Blue: hsl(218deg, 23%, 16%);--font-fam: Manrope, sans-serif;--font-size: 28px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}body{height:100vh}.advice-card{padding:48px 48px 72px 48px;width:540px;min-height:200px;max-height:auto;background-color:var(--Dark-Grayish-Blue);border-radius:15px;position:relative}@media(max-width: 768px){.advice-card{margin:0 auto;width:92%;padding:39px 15px 65px 15px;min-width:342px;max-width:540px}}.animation-container{width:125px;height:60px;display:flex;position:absolute;transition:opacity .5s ease-in}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#61ffb0;-webkit-animation:circle .5s alternate infinite ease;animation:circle .5s alternate infinite ease}@-webkit-keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7);filter:hue-rotate(120deg)}40%{height:20px;border-radius:50%;transform:scaleX(1);filter:hue-rotate(40deg)}100%{top:0%;filter:hue-rotate(0deg)}}@keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7);filter:hue-rotate(120deg)}40%{height:20px;border-radius:50%;transform:scaleX(1);filter:hue-rotate(40deg)}100%{top:0%;filter:hue-rotate(0deg)}}.circle:nth-child(2){left:45%;-webkit-animation-delay:.2s;animation-delay:.2s}.circle:nth-child(3){left:auto;right:0;-webkit-animation-delay:.3s;animation-delay:.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:rgba(0,0,0,.5);position:absolute;top:62px;filter:blur(1px);-webkit-animation:shadow .5s alternate infinite ease;animation:shadow .5s alternate infinite ease}@-webkit-keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}100%{transform:scaleX(0.2);opacity:.4}}@keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}100%{transform:scaleX(0.2);opacity:.4}}.shadow:nth-child(4){left:45%;-webkit-animation-delay:.2s;animation-delay:.2s}.shadow:nth-child(5){left:auto;right:0%;-webkit-animation-delay:.3s;animation-delay:.3s}body{font-family:var(--font-fam);background-color:var(--Dark-Blue);color:var(--Light-Cyan);height:100vh}footer{position:absolute;bottom:5vh;color:var(--Light-Cyan)}footer a{color:#e0668d !important}.advice-card .loading-text{position:absolute;top:1rem;left:1.5rem;transition:.5s;font-size:12px;text-transform:uppercase}.advice-card .content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.advice-card .content-container p{font-size:14px;font-weight:800;line-height:19px;letter-spacing:.25em;margin-bottom:1.5rem;text-transform:uppercase;color:var(--Neon-Green);transition:.3s}.advice-card .content-container h1{line-height:38px;letter-spacing:-0.01em;font-weight:800;margin-bottom:2.5rem;font-size:var(--font-size);transition:.3s}.advice-card .content-container .generate-btn{position:absolute;background-color:var(--Neon-Green);bottom:-32px;left:50%;width:64px;height:64px;border-radius:100vmax;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-50%, 0);cursor:pointer}.advice-card .content-container .generate-btn:hover{transition:.3s;box-shadow:0px 0px 40px rgba(82,255,168,.8)}/*# sourceMappingURL=main.css.map */