html{
  background-color: rgb(240, 240, 240);
  font-family: sans-serif;
}

header{
  width: 100vw;
  height: 1px;
  /* background-color: yellow; */
}

#backBtn{
  z-index: 1;
  display: block;
  /* border: 1px solid rgb(185, 185, 185); */
  width: 80px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  position: fixed;
  top: 7px;
  right: 15px;
  background-color: rgb(255, 208, 0);
  /* color: white; */
  border-radius: 4px;
}

footer{
  width: 100vw;
  height: 50px;
  /* background-color: rgb(45, 45, 46); */
}



main{
  width: 100vw;
  min-height: 100vh;
  padding-top: 30px;
  padding-bottom: 40px;

}

.profilebox{
  /* border: 1px solid rgb(185, 185, 185); */
  width: 100%;
  max-width: 600px;
  padding: 10px;
  top: 0;bottom: 0;right: 0;left: 0;margin: auto;

}


.actName{
  width: 80%;
  top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  font-size: 32px;
  letter-spacing: 4px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid rgb(185, 185, 185);
}

.profPic{
  width: 90%;
  height:  90vw;
  max-height: 400px;
  top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  /* border: 1px solid rgb(185, 185, 185); */
  overflow: hidden;
  padding: 10px 20px;
}

.profPic img{
  width: 100%;
  top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  /* transform: translateY(-15%); */
}

.profile{
  /* border: 1px solid rgb(185, 185, 185); */
  width: 80%;
  top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  /* margin-top: 20px; */
}

.profile tr{
  border-bottom: 1px solid rgb(185, 185, 185);
  font-size: 16px;
}
.profile th,.profile td{
  padding-top: 10px;
  padding-bottom: 5px;
}

.profile th {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
.profile td {
 vertical-align: middle;
 letter-spacing: 1px;
 line-height: 26px;
}