  @font-face {
font-family: 'IRANSans';
src: url('fonts/IRANSans-web.eot');
src: url('fonts/IRANSans-web.eot?#iefix') format('embedded-opentype'),
url('fonts/IRANSans-web.woff2') format('woff2'),
url('fonts/IRANSans-web.woff') format('woff'),
url('fonts/IRANSans-web.ttf') format('truetype');
font-weight: normal;
}
@font-face {
font-family: 'IRANSans';
src: url('fonts/IRANSans-Medium-web.eot');
src: url('fonts/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'),
url('fonts/IRANSans-Medium-web.woff2') format('woff2'),
url('fonts/IRANSans-Medium-web.woff') format('woff'),
url('fonts/IRANSans-Medium-web.ttf') format('truetype');
}

html{
    background-color: white !important;
}
      body{
          background-color: white !important;
                width: 100vw;
      height: 100vh;
          overflow: hidden;
      }
      p{
          font-size: 25px;
  font-family: IRANSans;
}
    .progress-circle {
      position: relative;

      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: bold;
    }
#pre{
        background-color: transparent;

}
    .tc{
        height: 100vh;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    }