.ProfileBox{ 
  text-align: center;
}
.AvaBox{
  display: flex;
  justify-content: center; 
}
.ProAvatar{
  position: relative;
  background-color: #00FF00;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  top: 30px;
}
.ProImage{
  border-radius: 50%;
  height: 250px;
  width: 250px;
}
.ProName{
  position: relative;
  top: 40px;
  color: black;
  font-size: 50px;
}
.Signature{
  position: relative;
  top: 40px;
  color: gray;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 35px;
}
.BirthDay{
  text-align: center;
  position: relative;
  top: 50px;
  width: 250px;
  color: #6D7F83;
  font-size: 35px;
  border-radius: 25px;
  border:2px gray solid;
}
.DataTable{
  position: relative;
  top: 70px;
  width: 100%;
  display: flex;
  justify-content: center; 
}
table{
  width: 80%;
  background-color: #D5FF00;
}
table, th, td {
  border: 1px solid;
  border-radius: 20px;
  font-size: 35px;
}
tr{
  background-color: #55FFFF;
}
tr:hover{
  background-color: #7F70FF;
}
th{
  width: 20%;
}
td{
  width: 80%;
  padding-left: 10px;
}
.chbut{
  position: absolute;
  height: auto;
  bottom: 60px;
  lefe: 130px;
  width: calc(100% - 130px);
  grid-row-start: 2;
  grid-row-end: 3;
}
.chbun{
  position: relative;
  background-color: lightpink;
  color: white;
  font-size: 60px;
  text-align: center;
  width: 200px;
  border: none;
  border-radius: 20px;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);
}