body {
    margin: 0;
    padding: 0;
    background: #282828 !important;
    max-height: 100vh;
    max-width: 100vw;
}

.fortune-wheel {
    position: relative;
    z-index: 1;
    margin: 5vh;
    width: 90vh;
    height: 90vh;
}

.arrow {
    position: absolute;
    z-index: 10;
    width: 90vh;
    height: 90vh;
}

.turning {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-timing-function: ease-out;
}

@media only screen and (max-width: 850px) {
    .fortune-wheel {
        margin: 20vh 0 !important;
        width: 98vw !important;
        height: auto;
    }

    .arrow {
        width: 98vw !important;
        height: auto;
    }
}