.ra,.rf{margin-left:auto;margin-right:auto}#options,.btn,.rbstyle{font-size:16px}.rf{width:50%}.ra{width:30%}.rm{margin-top:10px;margin-bottom:10px}#canvasContainer{text-align:center;position:relative;width:100%}.pc{position:inherit;margin-bottom:-60px;z-index:999}#overlay1,.modal1{position:fixed;transition:.2s ease-in-out}@media only screen and(min-width:350px)and(max-width:375px){#canvas{z-index:1;display:inline;width:350px}}@media only screen and(min-width:320px)and(max-width:320px){#canvas{z-index:1;display:inline;width:320px}}.rbstyle{color:#fed136;border:none;background-color:inherit;padding:14px 28px;cursor:pointer;display:inline-block}.rbstyle:focus{outline:0}.black{background-color:rgb(0 0 0 / .7)}*,::after,::before{box-sizing:border-box}.modal1{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid #000;border-radius:10px;z-index:10;background-color:#fff;width:500px;max-width:80%}.modal1.active{transform:translate(-50%,-50%) scale(1)}.modal-header1{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000}.modal-header1 .title{font-size:1.25rem;font-weight:700;font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.modal-header1 .close-button1{cursor:pointer;border:none;outline:0;background:0 0;font-size:1.25rem;font-weight:700}.modal-body1{padding:10px 15px;font-weight:700;font-family:'Roboto Slab',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}#overlay1{opacity:0;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .5);pointer-events:none}#canvasWrapper:-webkit-full-screen,#canvasWrapper:fullscreen{animation:15s infinite change;color:#fff}#overlay1.active{opacity:1;pointer-events:all}.color{animation:15s infinite change}@keyframes change{0%{background-color:#1abc9c}10%{background-color:#2ecc71}20%{background-color:#3498db}30%{background-color:#9b59b6}40%{background-color:#e74c3c}50%{background-color:#fed136}60%{background-color:#5bbf42}70%{background-color:#41cedb}80%{background-color:#8787f2}90%{background-color:#4381c1}100%{background-color:#a37871}}#options option{background-color:#fff;color:#333;font-size:16px;padding:8px}#options option:hover{background-color:#ff7e5f;color:#fff}.d-flex{flex-wrap:wrap;justify-content:center;align-items:center}.canvasWrapper{width:600px;height:600px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%;box-shadow:0 8px 16px rgb(0 0 0 / .3);background:#f4f4f4;margin:0 auto}@media(max-width:768px){.canvasWrapper{width:100%;height:100%;max-width:400px;max-height:400px}}@media(max-width:576px){.canvasWrapper{width:100%;height:100%;max-width:300px;max-height:300px}}canvas{display:block;border-radius:50%}#canvas{z-index:1;display:inline;width:750px;height:750px}#prizePointer{position:absolute;top:-3%;left:50%;transform:translate(-50%,0);height:80px;z-index:10}#options{width:250px;margin:10px auto;padding:10px;border-radius:5px;border:1px solid #ccc;background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff;font-weight:700;box-shadow:0 4px 6px rgb(0 0 0 / .1)}#options:hover{cursor:pointer;background:linear-gradient(to right,#feb47b,#ff7e5f)}.btn{padding:10px 20px;border-radius:25px;background:#ff7e5f;color:#fff;border:none;transition:.3s}.btn:hover{background:#feb47b;color:#fff}.row{width:100%}