main.css

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

/*Copied Boostrap classes*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color:#f1f1f1;
}

.text-center{
    text-align:center;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

body{
    overflow:hidden;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    margin:0;
}

.wheel {
    margin:auto;
    max-height: 85vh;
}

#wrapper{
    height:15vh;
    padding:20px;
    overflow:hidden;
}

#feeling-lucky{
    position:absolute;
    right:5px;
    bottom:5px;
    size:20px;
    padding:8px;
    border: none;
    background-color: grey;
}

datalist option{
    color:white;
    font-size:24px;
}

input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance: none;
    width: 100%;
    height: 40px;
    /* background: #d3d3d3; */
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    background: rgb(143,189,225);
background: linear-gradient(90deg, rgba(143,189,225,1) 6%, rgba(142,217,174,1) 14%, rgba(143,143,143,1) 22%, rgba(188,162,209,1) 30%, rgba(230,150,167,1) 40%, rgba(255,142,142,1) 54%, rgba(255,255,143,1) 60%, rgba(255,223,142,1) 76%, rgba(255,223,142,1) 82%, rgba(143,189,225,1) 100%);
    border-radius: 20px;
    border:8px solid white;
}
h1{
    margin:0;
    padding:0
}

input::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 20px; /* Set a specific slider handle width */
  height: 20px; /* Slider handle height */
    border-radius:10px;
  background: white; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

input::-moz-range-thumb {
  width: 20px; /* Set a specific slider handle width */
  height: 20px; /* Slider handle height */
    border-radius:10px;
  background: white; /* Green background */
  cursor: pointer; /* Cursor on hover */
}