.se-pre-con {
  position: fixed;
  left: 0px;
  top: 150px;
  width: 100%;
  height: 100px;
  z-index: 9999;
  background-repeat: no-repeat;
  background-position: center;
}

.nopadding {
  padding: 0 !important;
}
.toBottom {
  position: fixed;
  bottom: 0;
}

html {
  height: 100%;
}
body {
  user-select: none;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.options,
#questionText {
  text-align: center;
  font-weight: bold;
  font-size: 3vw;
  color: black;
}
#fractionQuestion {
  display: none;
  text-align: center;
  font-weight: bold;
  font-size: 4vw;
  margin-top: 18vh;
  margin-bottom: 18vh;
}
.options {
  text-align: center;
  font-weight: bold;
  font-size: 3vw;
  /* border: 2px solid black;
  border-radius: 2vh; */
}
.border_bottom {
  border-bottom: 2px solid black;
}
.signs {
  margin-top: 4vh;
}

#questionText {
  margin-top: -10vh;
}

#gameOver {
  text-align: center;
  color: black;
  font-size: 7vw;
  font-weight: bold;
}

#acknowledgementDiv {
  margin-top: 4vh;
  background-color: aliceblue;
  border: 0.22vw solid black;
  border-radius: 3vw;
  text-align: center;
  display: none;
  color: black;
}

.fontClass {
  font-size: 1.3vw;
  margin-top: 1vh;
  color: black;
}
.firstLetter:first-letter {
  font-size: 1.5vw;
}

.options,
#questionText {
  text-align: center;
  font-weight: bold;
  font-size: 3vw;
  /* border: 2px solid white; */
  /* border-radius: 2vh; */
  color: black;
  user-select: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.border_bottom {
  border-bottom: 2px solid black;
}
/* #questionText {
  box-shadow: 10px -17px 8px rgb(0, 0, 0),
    inset -98px 0px 100px rgba(255, 255, 255);
} */
.options {
  z-index: 100;
}

#canvasDiv{
  height: 40vh;
  margin-top: 5vh;
}

#optionDiv{
  margin-top:5vh;
}