
#levelDiv, #vowelDiv{
    top: 18vh;
    left: 4.5vw;
    height: 50vh;
}
#vowelDiv{
    /* padding-top: 5vh;
    padding-bottom: 5vh;
    padding-left: 0vw;
    padding-right: 0vw; */
    overflow: auto;
    user-select: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.levelOuterDivCss{
    margin-top: 4.5vh;
}
.vowelOuterDivCss{
    margin-top: 3.2vh;
}

::-webkit-scrollbar {				/* width */
	width: 10px;
}
::-webkit-scrollbar-track {			/* Track */
	box-shadow: inset 0 0 7px grey; 
	border-radius: 40px;
}
::-webkit-scrollbar-thumb {			/* Handle */
	background: white;	/* #ccc5c5; */ 
	border-radius: 40px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {	
	background:  rgb(93, 241, 24);
} 

#selectLevelDiv{
    height: 15vh;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    /* color: #fcf50b; */
    color: white;
}
#selectLevelDiv, #levelDiv, #timerID{
    overflow: hidden;
    user-select: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.radioBtnCss{
    height: 6vh;
    width: 2.5vw;
    cursor: pointer;
}
.levelCss{
    bottom: 2vh;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    color: #fbe801;
    cursor: pointer;
}
#LevelOuterDiv2, #LevelOuterDiv3{
    margin-top: 5vh;
}
#goBtn{
    /* right: 3vw; */
    bottom: 5vh;
    position: fixed;
}

.timerCss{
    right: 4vw;
    height: 16vh;
    /* color: #fcf50b; */
    color: rgb(3 249 249);
    font-size: 4.5vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
#questionDiv{
    top: 4vh;
    z-index: 2;
}
.optionDivCSS{
    height: 15vh;
    /* padding: 1.5%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vh;
    cursor: pointer; 
    perspective: 1000px; 
    transition: transform 1s;
    transform-style: preserve-3d;
    overflow: hidden;
    user-select: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.optionWordCss{
    height: inherit;
    padding-top: 2.5vh;
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
    /* color: rgb(3 249 249); */
    color: #fdea00;
    text-transform: capitalize;
}

#widget{
    position: fixed;
    bottom: 1vh;
}
#playAgainDiv{
    top: 2vh;
    right: 4vw;
}