#content {
background-image: url("../img/gui/bg_start.png") !important;
}


#cards_table {
position: absolute;
width: 450px;
height: 450px;
left: 50%;
margin-left: -225px;
top: 80px;

}

.counter {
position: absolute;
width: 600px;
height: 50px;
left: 50%;
margin-left: -300px;
top: 20px;
font-size: 20px;
color: white;
font-weight: 700;
line-height: 25px;
}



.dd {
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
width: 105px;
height: 105px;
background-position: center;
  background-repeat:no-repeat;
   background-image: url("../img/memory/none.png");
}

.ratate {
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.item_0 {
 background-image: url("../img/memory/1.png");
}
.item_1 {
 background-image: url("../img/memory/2.png");
}
.item_2 {
 background-image: url("../img/memory/3.png");
}
.item_3 {
 background-image: url("../img/memory/4.png");
}
.item_4 {
 background-image: url("../img/memory/5.png");
}
.item_5 {
 background-image: url("../img/memory/6.png");
}
.item_6 {
 background-image: url("../img/memory/7.png");
}
.item_7 {
 background-image: url("../img/memory/8.png");
}
.item_8 {
 background-image: url("../img/memory/9.png");
}
.item_9 {
 background-image: url("../img/memory/10.png");
}
.item_10 {
 background-image: url("../img/memory/11.png");
}
.item_11 {
 background-image: url("../img/memory/12.png");
}










.stars_bg {
position: absolute;
width: 150px;
height: 36px;
top: 230px;
left: 130px;
 background-image: url("../img/gui/stars_bg.png");
  background-position: center;
  background-repeat:no-repeat;

}
.stars_bg_progress {
position: absolute;
width: 0px;
height: 36px;
top: 230px;
left: 130px;
 background-image: url("../img/gui/stars_bg_progress.png");
  background-position: left;
  background-repeat:no-repeat;

}
.finish_text {
position: absolute;
width: 500px;
height: 270px;
top: 170px;
left: 200px;

}

.finish_text_style {
position: absolute;

font-family: Bangers;
color: #FFFFFF;
font-size: 24px;

}
.count_bright {
margin-top: 100px;
margin-left: -82px;
width: 150px;
height: 30px;
font-size: 25px;
}
.talk_text {
position:absolute;
left: 5px;
top: 5px;
width: 500px;
height: 80px;
font-family: Arimo;
font-size: 28px !important;
color: #F7EF99;
font-weight: bold;

text-shadow: 3px 2px 5px #000000;
}
.play_again {
  -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
transition: background 0.5s ease;
opacity: 0.8;
bottom: -144px;
margin-left: -65px;
width: 126px;
height: 54px;
 background-image: url("../img/gui/play_again.png");
  background-position: left;
  background-repeat:no-repeat;
}
.play_again:hover {
opacity: 1;
}




.list_table {
font-family:"Times New Roman", Times, serif;
color: white;
font-weight: bold;
font-size: 18px;
position: absolute;
width: 270px;
top: 130px;
left: 50px;
bottom: 4px;
}

.list_do {
width: 24px;
height: 20px;
 background-image: url("../img/gui/list_no.png");
  background-repeat:no-repeat;
}
.list_do_yes{
 background-image: url("../img/gui/list_yes.png") !important;
}