body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: aqua;
    border: 3px solid orange;
    height:max-content;

}
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  src: url('fonts/NotoNastaliqUrdu-Regular.ttf') format('truetype');
}

#idheader{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    direction: ltr;
    font-size: clamp(7px, 7vw, 30px);
    text-align: center;
    color:blue;
}

#idsubheader{
    margin: 0;
    padding: 0;
    font-family: 'Noto Nastaliq Urdu';
    direction: rtl;
    font-size: clamp(5px, 4vw, 20px);
    text-align: center;
    background-color:khaki ;
}


#topnavbar{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-evenly;
    background-color: lightgreen;
    font-size: 1.2em;

}

a:hover {
  background-color: goldenrod;
  color: red;
  border-radius: 5px;
}


#divQuiz{
    border: 2px solid magenta;
    background-color: burlywood;
    height:max-content;

}

#question{
    color: black;
    font-size: 1em;
}


#score{
    text-align: right;
    font-style: italic;
    color: magenta;
}

#options li{

    list-style-type: none;
    margin-bottom: 2%;
    font-size:1.1em;
}

label:hover{
    background-color: aqua;
    cursor: pointer;
}

#idsubmit {
  display: inline-block;
  padding: 2%;
  font-size: 0.8em;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background-color: #04AA6D;
  border: 1px dotted wheat;
  border-radius: 20px;
  box-shadow: 3px 3px 3px 3px #999;
  margin-left: 60%;
  margin-bottom: 2%;
}

#idsubmit:active {
  box-shadow: 0 5px #666;
  transform: translateY(-5px);
}

#downloadsection{
    padding-top: 5%;
    border: 2px solid red;
    text-align: center;
    font-size: large;
}

#iddivcontact{
    border: 2px solid yellow;
    background-color: pink;
    text-align: center;
    color:red;
}