#paddedContainer {
    width: 100%;
    /* Make the div take up the full width of its container */
    height: 450px;
    max-height: 450px;
    /* Limit the maximum width for responsiveness */
    margin: 0 auto;
    /* Center the div horizontally */
    position: relative;
    padding: 0px;

}
.wheelbox {
    width: 100%;
    height: 100%;
}
#canvas {
    width: 100%;
    height: 100%;
}
#wheel {

    /* Assuming your canvas has the id "wheel" */
    width: 100%;
    height: 100%;
    overflow: hidden;
} 
/* remove padding and margins from the wheel container */
 .col-lg-12 .wheelContainer{
    padding: 0;
    margin: 0;
}
.indicator {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
}
.indicator.right {
    border-width: 20px 20px 20px 0;
    border-color: transparent #007BFF transparent transparent;
    right: 12px;
    transform: translateY(-50%);
}

.indicator.left {
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #007BFF;
    left: 12px;
    transform: translateY(-50%);
}
#submissionbox {
    position: sticky;
    top: 0;
}