*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:100vh;background:linear-gradient(135deg,#c3a3f1,#6414e9)}.wrapper{width:90%;max-width:34.37em;max-height:90vh;background-color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;padding:3em;border-radius:1em;box-shadow:0 4em 5em #1b083533}.container{position:relative;width:100%;height:100%}#wheel{max-height:inherit;width:inherit;top:0;padding:0}@keyframes rotate{to{transform:rotate(360deg)}}#spin-btn{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;height:26%;width:26%;border-radius:50%;cursor:pointer;border:0;background:radial-gradient(#fdcf3b 50%,#d88a40 85%);color:#c66e16;text-transform:uppercase;font-size:1.8em;letter-spacing:.1em;font-weight:600}img{position:absolute;width:4em;top:45%;right:-8%}#final-value{font-size:1.5em;text-align:center;margin-top:1.5em;color:#202020;font-weight:500}@media screen and (max-width: 768px){.wrapper{font-size:12px}img{right:-5%}}