.wheel-container {
      position: relative;
      text-align: center;
      overflow: hidden;
    }

    .arrow {
      position: absolute; top: 45%; left: calc(50% + 188px);
      background-image: url(../images/arrow96.png);
      width: 96px; height: 96px;
      transform: rotate(180deg) translateY(66px);
      font-size: 100px;
      font-weight: bold;
      color: rgba(220,20,20,.9);
      z-index: 1;
    }

    #wheel {
      border: 5px solid #333;
      border-radius: 50%;
    }

    #spin-button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 18px;
      cursor: pointer;
      background-color: rebeccapurple;
      color: white;
      border-bottom: 2px solid #222;
      border-right: 2px solid #222;
      border-radius: 5px;
      
    }

    #spin-button:hover {
      background-color: rebeccapurple;
    }