.main {
  padding: 40px 10px;
}
.main-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.main-grid > a:not(:first-child) {
  max-width: 392px;
  width: 100%;
  background-color: var(--light);
  color: var(--main);
  text-align: center;
  padding: 10px;
  font-size: 1.56rem;
  font-weight: 700;
  border-radius: 5px;
}
.main-grid > a:not(:first-child):hover {
  background-color: var(--main);
  color: var(--light);
}
.redes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.header {
  padding: 40px 10px 20px;
}
.header-grid {
  display: flex;
  justify-content: center;
  align-items: center;
}