@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:wght@800&display=swap";:root{--light-cyan: hsl(193, 38%, 86%);--neon-green: hsl(150, 100%, 66%);--grayish-blue: hsl(217, 19%, 38%);--dark-grayish-blue: hsl(217, 19%, 24%);--dark-blue: hsl(218, 23%, 16%)}*{box-sizing:border-box}body{background-color:var(--dark-blue);width:100%;height:100vh;margin:0;display:flex;align-items:center;justify-content:center;font-family:Manrope;font-weight:800;padding:0 1.5rem}.advice-container{padding:3rem;background-color:var(--dark-grayish-blue);border-radius:1rem;display:flex;flex-direction:column;align-items:center;position:relative}.advice-id{color:var(--neon-green);font-size:12px;letter-spacing:.2rem;margin:0}.advice{color:var(--light-cyan);font-size:28px;text-align:center;max-width:450px}.pattern-divider{width:100%;aspect-ratio:444 / 16;background-image:url(/images/pattern-divider-desktop.svg);background-repeat:no-repeat;background-position:center;margin:.4rem 0 1rem}.dice-button{background-color:var(--neon-green);border-radius:50%;padding:1rem;border:none;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-28px;cursor:pointer;transition:.2s}.dice-button:hover{box-shadow:0 0 30px var(--neon-green)}@media only screen and (max-width: 480px){.pattern-divider{background-image:url(/images/pattern-divider-mobile.svg);aspect-ratio:295 / 16}.advice{font-size:24px}}