body {
height: 100vh;
background-color: black;
background-image: url("assets/background.png");
background-size: 100%;
background-position: bottom center;
background-repeat: no-repeat;
}
 
header{
    color: white;
    text-align: center;
    padding: 20px;
}

@media screen and (min-width: 601px){
    .title{
        font-size: 45px;
    }
}

@media screen and (max-width:600px){
    .title{
        white-space: nowrap;
        font-size: 8vw;
    }
}


.wrapper{
    max-width: 950px;
    color: white;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

@media screen and (min-width: 601px) {
    .questionSizing {
      font-size: 30px;
      margin-top: 10px;
    }
  }

@media screen and (max-width: 600px) {
    .questionSizing {
    font-size: 4.5vw;
    white-space: nowrap;
    margin-top: 2vw;
    }
}


.giforSticker{
    padding: 20px;
}

#otherQuestion{
    padding: 20px;
}


.sliders {
    -webkit-appearance: none;
    background: #ffffff;
    width: 100%;
    height: 25px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .sliders:hover {
    opacity: 1;
  }
  
  .sliders::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #000000;
    cursor: pointer;
  }
  
  .sliders::-moz-range-thumb {

    background: #000000;
    cursor: pointer;
  }

#lastQuestion{
    padding: 20px;
}

.pickBtn{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 999;
}

.labelSlider{
    border: white solid 1px;
    border-radius: .25rem;
    padding: 3px;
    margin-bottom: 5px;
}

.not{
    float: left;
}

.super{
    float: right;
}

.imgResult{
    max-height: 30vh;
    margin: 20px;
}

#copy{
    margin: 20px;
}