html
{
        height:100%;
}
body
{
 background-attachment:fixed;
 background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 overflow:hidden; 
 user-select:none;
  height:100%;
}
.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;
}
#playButtonDiv,#soundButton,#nextButton
{
	position:fixed;
	bottom:0;
}
#replayNcredit
{
	position:fixed;
	bottom:0;
	display: flex;
	align-items: baseline;
}
#homeDiv{
	z-index: 1;
}
#verbListPage{
	position: absolute;
	margin-top: 3vh;
}
#verbListType
{
	color:black;
	font-size:3.2vw;
	font-weight:bold;
	text-align:center;
}
#goNext{
	margin-top: 3vh;
}
#outerVerbList
{
 background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 position:relative;	
 margin-top:2vh;
 padding-bottom:3vh;
}
.verbListClass
{
	height:60vh;
	margin-top:3.5vh;
    overflow-y:scroll;
	margin-left:13vw;
}
/* width */
::-webkit-scrollbar {
  width: 20px;
}
/* Track */
::-webkit-scrollbar-track {
  background-color: rgb(199, 188, 188); 
  box-shadow: inset 10px 3px 5px grey; 
  border:1.2px solid white;
  border-radius: 10px;
}
 /* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(2, 2, 92); 
  border: 1px solid white;
  border-radius: 10px; 
}
#selectedVerbText{
	box-shadow: inset 11px 5px 23px black;
	margin-top: 3vh;
	font-size: 3vw;
    font-weight: bold;
    font-family: sintony;
	height: 12vh;
	color: #000;
    line-height: 14vh;
    border-radius:0vh 9vh 0vh 9vh;
    background:#e4dddd;
    position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}
#spanTextId1{
	margin-left: 2vw;
}
.verbDivClass
{
	margin-top:4vh;
}
.verbClass
{
	 font-size: 2.8vw;
    color: black;
    left: 5.5vw;
	font-weight:bold;
}
.checkmark
{
	height: 5vh;
	width: 2.5vw;
	margin:0px;
}
#verbDiv
{
	text-align:center;
	font-size:3.5vw;
	color:white;
	font-weight:bold;
	height:10vh;
	margin-top:4vh;
	background-repeat: no-repeat;
    background-position:center;
    background-size:100% 100%;
    position:relative;	
}
.verbHeadingClass
{
	text-align:center;
	font-size:2.5vw;
	color:black;
	font-weight:bold;
	margin-top:2vh;
}
.sentenceDiv
{
	background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 position:relative;	
 height:15vh;
 }
#tenseChart
{
	margin-top:2vh;
}
.divStyle
{
	text-align:center;
	font-size:2vw;
	color:black;
	font-weight:bold;
	margin-top:4vh;
}
.highLight
{
  border:4px solid #1f07f7;
}
.optionClass
{
	background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 position:relative;	
 height:23.5vh;
 margin-top:4vh;
}
.options
{
	text-align:center;
	font-size:2vw;
	color:black;
	font-weight:bold;
	margin-top:5vh;
}
#gamePage,#verbListPage,#endPage
{
	display:none;
}
.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);
} 
}
#skipButton
{
	margin-top: 9.1vh;
}
#outerSliderDiv
{
   margin-top: 8vh;
   box-shadow:inset 2px 5px 18px black; 
	font-size:6vh;
	font-weight: bold;
	font-family:sintony;
	height:12vh;
	line-height:14vh;
	border-radius:4vh/4vh;
	background:#ccc;
	position:relative;
	float:left;
}
.toggleClass
{
  cursor:pointer;
  position:relative;
  display:block;
  float:left;
  transition: 300ms ease-out;
 
  text-align: center;
}
.selectorClass
{
	text-align:center;
	position:absolute;
	width:0;
	height: 12vh;
	box-sizing:border-box;
    transition: 300ms ease-out;
	border-radius:4vh/4vh;
	color:white;
	box-shadow: 0px 2px 13px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=13);
}
#gameOver
{
	margin-top: 7vh;
	text-align:center;
	font-size:7vw;
	color:black;
	font-weight:bold;
}
#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;
}
@media only screen and (max-height:350px)
{
	.options
	{
		margin-top: 4vh;
	}
	.optionClass
	{
		height:22vh;
		margin-top: 1vh;
	}
	#gameOver{
		margin-top: 1vh;
	}

}