@import"https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap";body{margin:0;padding:0;font-family:"Manrope",sans-serif;font-size:28px;background-color:#1f2632}main{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}main .advice-card-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;box-sizing:border-box;margin:0 1rem;max-width:600px;min-height:340px;background-color:#323a49;color:#cee3e9;text-align:center;padding:1rem 2rem;border-radius:1rem}main .advice-card-container .advice-number{margin:0;color:#52ffa8;font-size:.95rem;text-transform:uppercase;font-weight:300;letter-spacing:.3rem}main .advice-card-container .advice{width:85%;margin:0;color:#cee3e9}main .advice-card-container picture{width:100%;margin-bottom:1.5rem}main .advice-card-container picture .divider{width:100%}main .advice-card-container picture #mobile-divider-img{display:none}main .advice-card-container .occult{display:none}main .advice-card-container .advice-btn{position:absolute;border:none;display:flex;align-items:center;justify-content:center;background-color:#52ffa8;width:62px;height:58px;border-radius:50%;bottom:-28px;transition:all .2s}main .advice-card-container .advice-btn .icon-dice-img{width:22px}main .advice-card-container .advice-btn:hover{cursor:pointer;box-shadow:0px 0px 26px #52ffa8}main .advice-card-container .advice-btn:active{background-color:#4e5d73}@media(max-width: 500px){main .advice-card-container{padding:2rem 1rem}main .advice-card-container .advice-number{font-size:.85rem}main .advice-card-container .advice{font-size:1.6rem}main .advice-card-container picture #desktop-divider-img{display:none}main .advice-card-container picture #mobile-divider-img{display:block}}footer{position:absolute;width:100%;bottom:0;display:flex;justify-content:center}footer p{color:#cee3e9;font-size:1rem}footer p a{color:#52ffa8;text-decoration:none}footer p a:hover{text-decoration:underline}@media(max-height: 530px){footer{display:none}}