.math-title {
  font-size: 5.6rem;
  font-weight: 700;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  padding: 2.4rem;
  width: 100%;
  height: 25.6rem;
  background-color: rgba(164, 164, 227, 0.729);
}
.lan-three {
  margin: 1.6rem;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
  padding: 1.6rem;
  width: 100%;
  background-color: rgba(110, 219, 108, 0.729);
}

.lan-four {
  margin: 1.6rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
  padding: 1.6rem;
  width: 100%;
  background-color: rgba(110, 219, 108, 0.729);
}
.lan-bigger-c {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.6rem;
}
.h-full {
  height: 100%;
}
.lan-big-c {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.6rem;
}
.lan-big-img {
  margin: 2.4rem 0;
  width: 68rem;
  border-radius: 1.6rem;
}
.lan-img {
  margin: 2.4rem 0;
  width: 32rem;
  border-radius: 1.6rem;
}

.lan-btn:link,
.lan-btn:visited {
  /* display: inline-block; */
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background-color: #0e317c;
  padding: 1rem 1.8rem;
  border-radius: 1.6rem;
  font-weight: 500;
  font-size: 2.8rem;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
}
.lan-btn:hover,
.lan-btn:active {
  color: #f3ef19;
  background-color: #566fa3;
}