.name {
  color: red;
  background-color: blue;
  width: 20px;
  height: 30px;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 1px (non/dotted/dashed) red;
  border-right: 1px (non/dotted/dashed) red;
  border-bottom: 1px (non/dotted/dashed) red;
  border-left: 1px (non/dotted/dashed) red;
  border-radius: 20px;
  padding: 5px;
}
.school {
  color: red;
  background-color: blue;
  width: 20px;
  height: 30px;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 1px (non/dotted/dashed) red;
  border-right: 1px (non/dotted/dashed) red;
  border-bottom: 1px (non/dotted/dashed) red;
  border-left: 1px (non/dotted/dashed) red;
  border-radius: 20px;
  padding: 5px;
}
.grade {
  color: red;
  background-color: blue;
  width: 20px;
  height: 30px;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 1px (non/dotted/dashed) red;
  border-right: 1px (non/dotted/dashed) red;
  border-bottom: 1px (non/dotted/dashed) red;
  border-left: 1px (non/dotted/dashed) red;
  border-radius: 20px;
  padding: 5px;
}
.color {
  color: red;
  background-color: blue;
  width: 20px;
  height: 30px;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 1px (non/dotted/dashed) red;
  border-right: 1px (non/dotted/dashed) red;
  border-bottom: 1px (non/dotted/dashed) red;
  border-left: 1px (non/dotted/dashed) red;
  border-radius: 20px;
  padding: 5px;
}