.name {
  color: red;
  background-color: teal;
  width: 300px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.school {
  color: yellow;
  background-color: black;
  width: 500px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.a1 {
  color: Maroon;
  background-color: teal;
  width: 500px;
  height: 60px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.grade {
  color: yellow;
  background-color: teal;
  width: 100px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.about {
  color: yellow;
  background-color: teal;
  width: 200px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid blue;
  border-right: 3px solid red;
  border-bottom: 3px solid white;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.a2 {
  color: yellow;
  background-color: teal;
  width: 500px;
  height: 120px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.pro {
  color: yellow;
  background-color: teal;
  width: 150px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  border-radius: 10px;
  padding: 5px;
}
.test {
  color: blue;
  background-color: red;
  width: 200px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid teal;
  border-right: 3px solid pink;
  border-bottom: 3px solid gold;
  border-left: 3px solid gray;
  border-radius: 10px;
  padding: 5px;
}
.testli {
  color: green;
  background-color: gray;
  width: 800px;
  height: 900px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid olive;
  border-right: 3px solid aqua;
  border-bottom: 3px solid lime;
  border-left: 3px solid navy;
  border-radius: 10px;
  padding: 5px;
}
.ski {
  color: skyblue;
  background-color: Fuchsia;
  width: 100px;
  height: 40px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  z-index: 100;
  border-top: 3px solid red;
  border-right: 3px solid black;
  border-bottom: 3px solid gray;
  border-left: 3px solid blue;
  border-radius: 10px;
  padding: 5px;
}