@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pragati+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');

.wheel-wrapper {
  visibility: hidden;
  overflow: hidden;
  height: 800px;
  width: 800px;
}

@media (max-width: 768px) {
    .wheel-wrapper {
        visibility: hidden;
        overflow: hidden;
        height: 400px;
        width: 400px;
    }
}

#spin-wheel-btn {
    color: #fff;
}