header {
    width: 100%;
    height: 93vh;
    overflow: hidden;
    background-size: cover;
    position: relative;
}

h1 {
    font-family: shuriken-std, sans-serif;
    font-size: 19vh;
    color: #000f09;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 29vh;
    left: 0.7vw;
}

.welcome-banner {
    position: absolute;
    top: 78vh;
    font-family: 'Actor', sans-serif;
    font-size: 10vh;
    background-image: linear-gradient(to right, rgb(207, 212, 32) 0%, rgb(182, 140, 40) 100%);
    padding: 2vh 2vh 2vh 8vh;
    border-left: 4vw solid #ca8618;
    border-radius: 50% 1vw 1vw 50%;
    right: -38vw;
    margin: 0vh;
}

.spinning-wheel {
    border-radius: 50%;
    position: absolute;
    background-image: linear-gradient(to right, rgb(48, 150, 87) 0%, rgb(0, 67, 36) 100%);
    border: 1vw solid #16d100;
    min-width: 300px;
    min-height: 300px;
    max-width: 400px;
    max-height: 400px;
}

.spinning-wheel-holder {
    margin-left: 50%;
    left: -25vw;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    background-color: #1d1818;
    margin-top: 10vh;
    min-width: 300px;
    min-height: 300px;
}

.spinning-wheel-holder {
}

.spinning-wheel-pointer {
    background-color: #16d100;
    width: 2vw;
    height: 15vh;
    position: absolute;
    margin-left: 50%;
    left: -1vw;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    bottom: -7vh;
    border-style: none;
}

.spinning-wheel-prize-one {
    height: 20px;
    border-radius: 50%;
    background-color: #16d100;
    position: absolute;
    width: 20px;
}

.spinning-wheel-target {
    width: 4vh;
    height: 13vh;
    border-width: 0.1vh;
    border-style: solid;
    position: absolute;
    left: -2vh;
    margin-left: 50%;
    top: 48vh;
}