@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

@font-face {
  font-family: atalon;
  src: url(Atalon.otf);
 
}


.erkan {
font-family:  atalon;
display: none;}
.tahta {
  font-family:  atalon;
  margin-top: 20px;
}
 .center{
    text-align: center;
 } 
 .cevaplar{
  font-size: 40px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;

 }

 .soru{
font-size: 70px;
margin-top: 8px;
 }
 .oyunuyenile{
display: none;
text-align: center;
   }
 .questionblock{
  margin-top: 20px;
   }
.responsive {
  width: 100%;
  height: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  border: 1px;
}

.dogruyanlis {
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.sonuclar{
  font-family:  atalon;
  margin-top: 10px;
  font-size: 30px;

}
.karsilama{
  font-family:  atalon;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

#can1,#can2,#can3, #kalanzaman{
  display: none;
}
#uyari{
  position: absolute;
  display: none;
}
#sonuc{
  display: none;
  font-family:  atalon;
  font-size: 40px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;

}