body{
font-family: 'Cedarville Cursive', cursive;
font-size: 33px;
font-weight: normal;
line-height: 1.4em;

}


body:after{
   
content:"";
      position:fixed; 
      top:0;
      height:100vh;  
      left:0;
      right:0;
      z-index:-1; 

background: 
url("../Image/Ak_reframed.jpg")no-repeat center;
background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

/* url("../Image/background.jpg") no-repeat center fixed; /*
background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;



/*background-image: 
    url("../Image/Ak1.jpg"),
    url("../Image/Ak2.jpg");
  background-position:
    cover, center, fixed, /* this positions the first image 
    cover, center, fixed; /* this positions the second image 
  background-repeat: 
     no-repeat,
     repeat;

 
/*url("../Image/Ak2.jpg");
background-position: top left, bottom left;
background-repeat: no-repeat, no-repeat;
/*url("../Image/Ak.jpg") no-repeat center fixed; 
/*,url("../Image/Al.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/


/*background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background-position:
  top left, /* this positions the first image 
  bottom left; /* this positions the second image 
  background-repeat: no-repeat, repeat;*/
}



.container{

	width: 90%;
  margin: auto;

}

.box-0{

  text-align: right;
  cursor:pointer;
  margin-top : 20px;
  margin-right: 30px;


}

.box-0 a{

text-decoration: none;


}

.box-0 a:hover{

  opacity: 0.5;


}

.box-1 {
 background-color: rgba(255,255,255,0.8);
 width: 50%;
 margin : auto;



  }


.box-1 h1{

   font: bold 84px 'Cedarville Cursive', cursive;
   margin-bottom: 0;
   margin-top: 10px;
   text-align: center;
   padding-top: 30px;
   padding-bottom: 0px;
   line-height: 1.2em;

}

.box-1 a{

text-decoration: none;
color: 	#000000;
cursor: url("../Image/hand7.png"), auto;





}

.box-1 a:hover{
color: #ff00a6;

}

    
.box-1 h2{

  font: 38px 'Cedarville Cursive', cursive;
	margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin-bottom: 0px;
	text-align: center;

}


.container2{

 width: 90%;
 margin: auto;
 padding-top: 9%;
 display: flex;
 flex-flow: wrap;
 justify-content:center;

/*align-content: space-between;
 align-content: center;
  /*align-items: center;*/
 /*flex-basis: 100%;*/
 padding-bottom: 1.5%;

}

/*
.container2-play{
 display: flex;
  flex-flow: row wrap;
flex-basis: 100%;
 padding-bottom: 1.5%;
 

}

.container3{

 width: 90%;
 margin: auto;

}

.container3-box{
 display: flex;
  flex-flow: row wrap;
 width : 100%;
 padding-bottom: 1.5%;


}

.container4{

 width: 90%;
 margin: auto;

}

.container4-box{
 display: flex;
  flex-flow: row wrap;
 width : 100%;
 padding-bottom: 9%;

}
*/

.play{

 border: 1px ;
 /*padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 30px;
 padding-left: 30px;
 width: 100px;*/
 margin: 33px;
 margin-top: 33px;
 flex-basis:230px;
 background-color: rgba(255,255,255,0.8);
 text-align: center;

}



.play h1{

   margin-top: 50px;
   font: bold 28px 'Cedarville Cursive', cursive;
   line-height: 0em;

}



.play a:hover{
	/*color: #ff00a6; */
   cursor: url("../Image/ear15d.png"), auto;
}



.new {
  color:  #ff00a6;
 
}