@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500.600.700.800.900&display=swap";@font-face{font-family:Hyundai Font;src:url(/assets/HyundaiSansHead-Regular-BSIh7XYa.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Hyundai Font,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff}.container{position:relative;width:750px;height:750px;display:flex;justify-content:center;align-items:center}.content{padding:20px}.container .spinBtn{position:absolute;width:200px;height:200px;background-color:#021175;border-radius:50%;z-index:10;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:3em;color:#fff;border:4px solid rgba(255,255,255,255);cursor:pointer;-webkit-user-select:none;user-select:none}.container .spinBtn:before{content:"";position:absolute;top:-35px;width:80px;height:60px;background:#021175;clip-path:polygon(50% 0%,15% 100%,85% 100%)}.container .wheel{position:absolute;top:0;left:0;width:100%;height:100%;background:#021175;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px #333,0 0 015px #fff,0 0 0 7px #021175;transition:transform 5s ease-in-out}.container .wheel .number{position:absolute;width:50%;height:50%;background:#fff;transform-origin:bottom right;transform:rotate(calc(72deg * var(--i)));clip-path:polygon(0 0,85% 0,99% 99%,0 82%);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.container .wheel .number span{position:relative;transform:rotate(45deg);font-size:3em;font-weight:700;color:#111}