@import"https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap";#wrapper{width:540px}#advice-box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;border-radius:10px;background-color:var(--Dark-Grayish-Blue);padding:25px 20px 50px;text-align:center}#advice-box #advice-id h1{color:var(--Neon-Green);font-size:10px;letter-spacing:5px;text-align:center}#advice-box #advice-text{text-align:center;height:auto;clear:both;color:var(--Light-Cyan);padding:25px 0}#text>svg{transform:scale(.75);fill:var(--Light-Cyan)}#new-advice{position:absolute;padding:10px;border-radius:100%;align-items:center;border:none;word-wrap:break-word;bottom:-22.5px;background-color:var(--Neon-Green);box-shadow:0 0 #85ffc2;transition:box-shadow .3s ease-in-out;cursor:pointer}#new-advice:hover{box-shadow:0 0 10px #85ffc2}#new-advice svg{transform:scale(.75)}@media (max-width: 600px){#advice-box{width:340px}footer>svg{transform:scale(.6)}}: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%)}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background-color:var(--Dark-Blue)}*{padding:0;margin:0;box-sizing:border-box;font-size:28px;line-height:24px;font-family:Manrope,sans-serif}