.chartimg {
  height: auto;
  max-width: 100%;
}

.headcard {
  min-width: auto;
  height: auto;
  margin-bottom: 10%;
  margin-top: 4%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 15%;
  background-color: rgb(255, 255, 255);
  box-shadow: 1px 1px 10px 1px rgb(156, 156, 156);
}

.headimg {
  margin-top: 35px;
  border-radius: 50%;
  width: 40%;
  height: 44%;
}

.hodname p {
  margin-top: 10px;
  text-align: center;
  color: rgb(90, 90, 90);
  cursor: pointer;
}

.mytable {
  border: 1px solid rgb(206, 206, 206);
  overflow-x: scroll;
}

table {
  text-align: center;
  column-width: 20px;
}

th {
  border: 1px solid rgb(206, 206, 206);

  text-align: center;
  color: rgb(90, 90, 90);
}

td {
  border: 1px solid white;
  background-color: #f3f3f3;
  word-wrap: break-word;
  text-align: center;
  column-width: 150px;
  padding: 1%;
  color: rgb(90, 90, 90);
}
td a{
    color:  rgb(90, 90, 90);
}
td a:hover{
    color: #7ab700;
}
.description {
  padding-top: 2%;
}