body
{
  background-repeat: no-repeat;
  background-origin: content-box;
  background-attachment: fixed;
  background-size:100% 100%;	
  user-select:none;
 
}
.nopadding
{
	padding:0px !important;
}
.levels{
  height: 18vh;
  font-size: 3.5vw;
  color: black;
  margin-top: 20vh;
  text-align: center;
  background-repeat: no-repeat;
  padding-top: 3vh;
  font-weight: bold;
}
.verbDiv{
  margin-top: 3.5vh;
}
.radioButtons{
  height: 6vh;
  width: 2.5vw;
  margin: 0px;
}
.verb{
  font-size: 2.6vw;
  color: black;
  left: 0.5vw;
}
#outerVerbList{
padding-bottom: 2.5vh;
margin-top: 6vh;
}
#verbList{
  height: 60vh;
  width: 73vw;
  margin-top: 3vh;
  overflow-y: scroll;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0d94a0; 
  border-radius: 10px;
}


#verbListType{
  font-size: 3.5vw;
  color: black;
  text-align: center;
  margin-top: -6vh;
  font-weight: bold;
}
#playButtonDiv,#nextButton,#widget,#soundButton,#goButton{
  position: fixed;
  bottom: 0;
}
#skipButton{
  margin-top: 3vh;
}
#verdDiv{
  height: 10vh;
  font-size: 3.5vw;
  color: black;
  margin-top: -12vh;
}
#VerbLed{
  color: black;
  font-size: 2.5vw;
  height: 3vh;
  text-align: center;
  font-weight: bold;
}
.Verbtype{
  color: black;
  font-size: 2.5vw;
  height: 16vh;
  padding-top: 4vh;
  text-align: right;
  font-weight: bold;
}
.sentenceDiv{
  color: black;
  font-size: 2.1vw;
  height: 16vh;
  text-align: center;
 
  padding-top: 2vh;
  background-repeat: no-repeat;
  /*  background-origin: content-box;
   box-shadow: 5px 8px 15px #1e1d1d inset;
   background-attachment: fixed; 
   background-size:100% 100%;*/
}

#tenseChart,#VerbType{
  margin-top:5vh ;
}
#chart{
  padding-left: 0vw;
    padding-right: 3vw;
}

#verbDiv{
  margin-top: -11vh;
  text-align: center;
  color: white;
  font-size: 3vw;
  height: 12vh;
  padding-top: 2vh;
}
#optionsDiv{
  height: 26vh;
  position: fixed;
  bottom: 0;
  background-repeat: no-repeat;
 /*  margin-left: 22vw; */
}
#VerbLed{
  background-repeat: no-repeat;
  background-size:100% 100%;
}
.options{
  text-align: center;
  color: black;
  font-size: 2.3vw;
  margin-top: 0.8vh;
}
#optionDiv0,#optionDiv1,#optionDiv2
{
  margin-top: 3.6vh;
}
.highLight
{
  border:4px solid navy;
}
/**/

#gameOver
{
	color: black;
    font-size: 7vw;
	font-weight:bold;
}
#acknowledgementDiv 
{
	display: block;
}
#finalPage
{
	display:none;
}
#acknowledgementDiv 
{
	display: block;
	margin-top: 2vh;
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
	text-align:center;
}
#developerNameDiv
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.3vw;
	margin-top:1.5%;
	color:black;
}
.firstLetter:first-letter
{
font-size:1.5vw;
}
#finalPage
{
	display:none;
}
#creditDiv{
  margin-top: 2vh;
}

.blink_me
{
    animation:bounceCls 1.5s linear infinite;
}


@keyframes bounceCls{
 0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
}
90% {
    transform: translate3d(0,-4px,0);
} 
}