@font-face
{
	font-family: mainMenu;
	src: url(../fonts/clearline.ttf);
}
@font-face
{
	font-family: titleFont;
	src: url(../fonts/KGSummerSunshineShadow.ttf);
}
@font-face
{
	font-family: xoFont;
	src: url(../fonts/KGSummerSunshineBlackout.ttf);
}

body{
	background:url(../img/bg.png);
	background-repeat:repeat;	
}

.titleFont{
	font-family:titleFont;
	font-size:xx-large;
	margin-top:25px;
	margin-bottom:25px;
	color:font-family//:titleFont
            ;
	
}

.mainMenu{
	//margin-bottom:10px;	
	font-family:mainMenu;
	font-size:5vmin;
	color:#392600;
        padding:.3em;
        // background-color:#392600;
        //margin-bottom: 68px;
}

.mainMenu1{
      background-color:#392600;
      color:#ee6927;
      font-family:mainMenu;
      font-size: 3vmin;
}

.xDiv{
	color:#392600;	
	font-family:xoFont;
	font-size:4vmin;
	padding: 1.7em 1.7em 1.7em 1.7em;;
	border: 4px solid #392600;
        
}

.oDiv{
	color:#392600;	
	font-family:xoFont;
	font-size:4vmin;
	padding: .4em 2em 3em 1em;
	border: 4px solid #392600;
        
}

#overlayDiv {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  font-size:6vmin;
  font-weight: bolder;
  color:white;
}
#overlayDiv1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  font-size:6vmin;
  font-weight: bolder;
  color:white;
}
#overlayDiv2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  font-size:6vmin;
  font-weight: bolder;
  color:white;
}
#overlayDiv3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  font-size:6vmin;
  font-weight: bolder;
  color:white;
}


#scoreUser,#highScoreX{
    
    //color:paleturquoise;
  //  font-family:cursive;
    font-size:6vmin;
    
}

.endPanel{
    
    margin-left:4%;
    margin-right:4%;
    margin-top:5%;
    font-size:6vmin;
    font-weight:bolder;
    background-color:#392600;
      color:#ee6927;
     // border-color:#392600;
      font-family:mainMenu;
}

#scoreX1,#scoreO1,#scoreX2,#scoreO2,#scoreX3,#scoreO3,#scoreX4,#scoreO4,#scoreTie3,#scoreTie4{
    
    font-size: bolder;
    font-size: 3vmin;
    
}

.iDiv
{
      //  margin-bottom:10px;
        font-family:xoFont;
	font-size:5vmin;
	color:#ee6927;
      //  margin-bottom: 68px;
      padding:.5em .5em;
}

.nopadding{
    padding: 0 !important;
   margin: 0 !important;
}
#content{background-color: #fcf6eb;
padding:0;
}

    

.instructionbg
{background-color: #fcf6eb;
  margin-bottom:0px;
  }

.chgfont{font-family:mainMenu;
font-size:4.9vmin;}

button:hover{background-color:#ee6927;
      color:#392600;
}
.header{ color:#ee6927;
        font-family:mainMenu;
        font-size:4.9vmin;
}
.instructionText{font-size:2.9vmin;
                font-family:cursive;
}

.cssStyle{float:none;}