body{font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-image:url(sos.png);padding:0px;margin:0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;}

#allContent{width:800px;background-image:url(seigaiha.png);margin:auto;min-height:400px;border-radius:5px; }




#mainTitle{font-size:50px;width:80%;margin:auto;padding-top:30px;text-align:center;font-weight:bold;color:#2C3E50;}
#mainTitle2{font-size:30px;width:80%;margin:auto;padding-top:30px;text-align:center;font-weight:bold;color:#2C3E50;}

.spacer100{width:100%;height:100px;}
.spacer40{width:100%;height:50px;}
.spacer20{width:100%;height:20px;}

#butang1holder{width:50%;float:left;text-align:center;}

#butang1{margin:auto;width:100px;border-radius:4px;background-color:white;text-align:center;cursor:pointer;border:2px solid grey;height:30px;font-size:20px;}

#butang2holder{width:50%;float:left;text-align:center;}

#butang2{margin:auto;width:100px;border-radius:4px;background-color:white;text-align:center;cursor:pointer;border:2px solid grey;height:30px;font-size:20px;}



#butang1:hover{opacity:.6;}
#butang2:hover{opacity:.6;}


#structions{width:100%;padding-top:80px;text-align:center;}


#ministage{width:90%;min-height:50px;border:2px solid grey; background-color:#fff;
border-radius:4px;margin:auto;margin-top:30px;
padding:20px;text-align:center;padding-top:35px;}

#holder{width:auto;min-width:100px;margin:auto;text-align:center;}

.word{width:auto;cursor:pointer;border:1px solid white;border-radius:3px;font-size:20px;padding:5px;display:inline-block;margin-bottom:1px;}
.word:hover{border:1px solid grey;border-radius:3px;}


.correct{background-color:#26C281;color:#fff;}
.incorrect{background-color:#E74C3C;color:#fff;}

.red{color:#E74C3C;}

.dummy{float:left;}

#ww2{background-color:#Ecc;}

#feedbackArea{width:90%;font-size:18px;text-align:center;margin:auto;margin-top:20px;}

.allfound{font-size:25px;color:#fff;background-color:#26C281;border-radius:3px;}

#timerline{width:50%;margin:auto;margin-top:15px;}
#timerinside{width:100%;height:1px;background-color:grey;}

.fbb{width:100%;text-align:center;}

#notesHolder{height:350px;overflow-x:hidden;padding:5px;}

.greenexample{font-weight:bold;color:#446CB3;}
.redexample{font-weight:bold;color:#E74C3C;}
.sentenceexample{padding-left:20px;}

@media screen  and (max-width:800px){

#allContent{width:98%;margin:auto;}

}


@media screen  and (max-width:500px){

#mainTitle{font-size:35px;}

}




@media screen  and (max-width:450px){

.word{font-size:14px;}
#feedbackArea{font-size:13px;}
.allfound{font-size:17px;}
#ministage{width:84%;}
}