.fill-container {
  position: absolute;
  background-color: #00657b;
  width: 80vw;
  height: 95vh;
}
.fill-container .student-test-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.fill-container .student-test-form h3 {
  color: white;
  font-size: 32px;
}
.fill-container .student-test-form p {
  color: white;
  margin-bottom: 5vh;
}
.fill-container .digit-submit-wrapper {
  max-width: 350px;
  margin: auto;
}
.fill-container .digit-submit-wrapper .digit-table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}
.fill-container .digit-submit-wrapper .digit-table td {
  margin-right: 0.5vh;
  display: inline-block;
}
.fill-container .digit-submit-wrapper .digit-table td .clock {
  color: #0C2F37;
  border-style: none;
  text-align: center;
  border-radius: 1.5vh;
  font-size: 45px;
  width: 7vh;
  height: 7vh;
  min-height: 55px;
  min-width: 55px;
}
.fill-container .digit-submit-wrapper .digit-table td .clock:focus {
  outline: none;
}
.fill-container .digit-submit-wrapper .digit-table td:last-child {
  margin-right: 0;
}
/*phone tablet*/
@media (max-width: 768px) {
  .student-test-container {
    width: 100vw;
    height: 93%;
  }
  .student-test-container .student-test-form {
    position: relative;
  }
  .student-test-container .student-test-form h3 {
    font-size: 28px;
  }
  .student-test-container .student-test-form .digit-submit-wrapper {
    max-width: 300px;
  }
  .student-test-container .student-test-form .digit-submit-wrapper .clock {
    font-size: 20px !important;
  }
}
/*bigger the fullhd*/
/*# sourceMappingURL=student-test.css.map */