h1,
h2,
h3 {
  font-family: "Righteous", cursive;
}

p {
  font-family: "Chakra Petch", sans-serif;
}

header a:hover {
  padding: 5px;
  border-bottom: 5px solid red;
  color: blue;
}

#section1,
#section2,
#section3 {
  box-shadow: 0px 10px 10px gray;
  margin-top: -120px;
}

#section1:hover,
#section2:hover,
#section3:hover {
  transform: scale(1.05);
  padding: auto;
}

#about i:hover {
  transform: scale(1.3);
  padding: auto;
}

#newsletter img:hover {
  transform: scale(1.1);
  padding: auto;
}

#update-news img:hover,
h2:hover {
  transform: scale(1.1);
  padding: auto;
}

#class {
  box-shadow: 5px 5px 5px gray;
}
#class:hover {
  box-shadow: 10px 10px 10px gray;
  transform: scale(1.05);
  padding: auto;
}

#teacher:hover {
  box-shadow: 10px 10px 10px rgb(58, 71, 95);
  transform: scale(1.05);
  padding: auto;
}
#teachers button:hover {
  transform: scale(1.2);
}