:root{--Blue-200: hsl(193, 38%, 86%);--Green-300: hsl(150, 100%, 66%);--Blue-600: hsl(217, 19%, 38%);--Blue-900: hsl(217, 19%, 24%);--Blue-950: hsl(218, 23%, 16%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background-color:var(--Blue-950);height:100vh;display:flex;justify-content:center;align-items:center}.card{position:relative;padding:2rem;background-color:var(--Blue-900);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:1rem;width:400px;height:240px}h3{color:var(--Green-300);font-size:.8rem;letter-spacing:3px;font-weight:600;text-transform:uppercase}p{color:var(--Blue-200);font-size:1.5rem;text-align:center}.divider{width:100%;display:flex;justify-content:center;align-items:center}.divider img{width:100%}.dice-button{position:absolute;bottom:-25px;border:none;background-color:var(--Green-300);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.dice-button:hover{box-shadow:0 0 10px var(--Green-300)}