@font-face {
    font-family: Ahom;
    src: url(../fonts/ahom.woff);
}


.ahom{
    font-family: Ahom;
    font-size:60px !important;
}

.audioBtn{
    width:70px;
    cursor:pointer
}


main{
  font-family: system-ui, -apple-system, sans-serif;
 background:var(--bg-main);
  color:var(--text-main);
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  height:80vh;
}
.quizContainer{
  width:95%;
  max-width:420px;
  background:var(--bg-card);
  border-radius:16px;
  padding:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.3);
}
.quizHeader{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
}
.title{font-size:18px;font-weight:600;}
.score{font-size:14px;color:var(--text-muted);}
.card{
  background: var(--bg-main);
  border-radius:12px;
  padding:25px;
  text-align:center;
  margin-bottom:15px;
}
.question{
  font-size:48px;
}
.options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.quizButton{
  padding:12px;
  border:none;
  border-radius:10px;
  font-size:14px;
    background: var(--btn-bg);
  color: var(--btn-text);
  cursor:pointer;
  transition:0.2s;
}
.quizButton:hover{background:var(--btn-hover);;}
.correct{background:#16a34a !important;}
.wrong{background:#dc2626 !important;}
.popup{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  background:rgba(0,0,0,0.7);
  display:none;
  justify-content:center;
  align-items:center;
}
.popup-content{
  background:#1e293b;
  padding:20px;
  border-radius:12px;
  text-align:center;
}
.popup button{margin-top:10px;width:100%;}