body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    rgba(93, 73, 84, 1) 0%,
    rgba(117, 79, 91, 1) 50%,
    rgba(125, 97, 103, 1) 100%
  );
  font-family: "Chocolate Classical Sans", sans-serif;
  color: rgba(229, 229, 229, 1);
}
/* Base layout: stacked, centered */
.mainlogo {
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column; /* stack logo above title */
  align-items: center; /* center horizontally */
  justify-content: flex-end;
  align-content: baseline;
  gap: 0.6em;
  padding: 1em;
}
/* Logo with fade overlay */
#forza_large_icon {
  width: min(12.5rem, 40vw); /* responsive width */
  height: min(8.125rem, 26vw); /* responsive height */
  background: url("/images/SVG/forza.svg") no-repeat center / contain;
  position: relative;
}
#forza_large_icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/images/SVG/forza_grey.svg") no-repeat center / contain;
  opacity: 0;
  transition: opacity 0.4s ease;
}
#forza_large_icon:hover::after,
#forza_large_icon:focus::after,
#forza_large_icon:active::after {
  opacity: 1;
}
.title {
  text-align: center;
}
.title h1 {
  font-weight: 400;
  margin-bottom: 0.3125rem;
}
.hidden {
  display: none;
}
.materials h2 {
  margin-top: 1.875rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  text-align: center;
  line-height: 1.4;
}
ul {
  line-height: 1.1;
  font-size: 0.875rem;
  text-align: center;
}
ul li a {
  text-decoration: none;
  color: inherit;
}
.button {
  background: transparent;
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.125rem;
  text-align: center;
  cursor: pointer;
}
img.chi,
img.eng {
  width: 1.5625rem;
}
.forza-tip {
  text-align: center;
}
@media (max-width: 1450px) {

  .mainlogo {
    height: 18rem;
    justify-content: center;
    gap: 0.2em;
    padding: 0em;
  }
}
@media (max-width: 540px) {
  body {
    background-color: rgba(74, 87, 89, 0.9);
  }
  .mainlogo {
    height: 11rem;
  }
  .materials h2 {
    line-height: 1.1;
  }
}