@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url(https://s100.divarcdn.com/statics/2023/07/IRANSansWeb_Medium.d1f537d1.eot);
    src: url(https://s100.divarcdn.com/statics/2023/07/IRANSansWeb_Medium.9f338149.woff2) format("woff2"),url(https://s100.divarcdn.com/statics/2023/07/IRANSansWeb_Medium.2d28b58d.woff) format("woff"),url(https://s100.divarcdn.com/statics/2023/07/IRANSansWeb_Medium.dde1bbb6.ttf) format("truetype")
}



body{
    background: linear-gradient(305deg , red ,blue);
    display: flex;
    align-items: center;
     justify-content:center;
     font-family: IRANSans  ;
}

.soal{
  width: 600px ;
  height: 500px ;
  background-color: white;
 border-radius: 15px;
 box-shadow: 0px 0px 100px 3px rgb(51, 51, 51);

}

.s1{
  text-align: center;
  padding-top: 10%;
  direction: rtl;
  font-size: 30px;
}


.btn{
    margin:auto ;
    display: block;
    width: 100%;
    border: none;
    overflow: hidden;
    text-align: center;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    margin-top: 20%;

    background: linear-gradient(305deg , rgb(145, 247, 12) ,rgb(0, 255, 170));

}
.btn:focus-visible{
    outline: none;
}
.btn:hover{
    cursor: pointer;
    background: linear-gradient(305deg , rgb(77, 131, 7) ,rgb(0, 255, 170));


}




.q1{
    width: 100%;
text-align: right;
padding-right:25px ;
padding-top: 54px;
font-size: 25px;
}