.container {
  position: relative;
  text-align: center;
  

}
/* Bottom left text */

.RegNo {
  position: fixed;
  top: 26%;
  left: 22%;
 color: black;
    width: 81px;
}


.IssueDated {
  position: fixed;
  top: 29%;
  left: 26%;
  color: black;
}


.Names {
  position: fixed;
  top: 35%;
  left: 45%;
    color: black;
}

.fathername {
  position: fixed;
  top: 40%;
  left: 22%;
    color: black;
}
/* Bottom left text */
.course{
  position: fixed;
  top: 43%;
  left: 35%;
    color: black;
}
/* Bottom right text */
.from{
  position: fixed;
  top: 48%;
  left: 20%;
    color: black;
}
/* DOB text */
.to{
  position: fixed;
  top: 48%;
  left: 32%;
    color: black;
}

.hours{
  position: fixed;
  top: 48%;
  left: 52%;
    color: black;
}

.grades{
  position: fixed;
  top: 48%;
  right: 18%;
    color: black;
}