#cross-div {
  width: 40vw;
  height: 40vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 3%;
}

.cross-rect {
  width: 10vw;
  height: 30vw;
  border-radius: 12.5vw;
  position: absolute;
  max-width: 300px;
  max-height: 900px;
}

#header {
  position: absolute;
  color: var(--acent-color1);
  font-size: 10vw;
  font-weight: 900;
  text-shadow: 5px 5px blue;
  text-align: center;
  line-height: 1em;
  margin: 0px;
}

.cross-rect.one {
  transform: rotate(45deg);
}

.cross-rect.two {
  transform: rotate(-45deg);
}

#split {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 0px;
  flex-wrap: wrap;
}

#content {
  max-width: 60%;
  font-size: 1.8rem;
  font-weight: 500;
  text-wrap: break-word;
  line-height: 1.15em;
  text-align: center;
}

ul {
  list-style-position: inside;
  padding: 0px;
}

@media (max-width: 768px) {
  #cross-div {
    width: 60vw;
    height: 60vw;
    margin-top: 3vh;
    margin-left: 0xp;
    margin-right: 0px;
  }
  #header {
    font-size: 6em;
  }
  .cross-rect {
    width: 25vw;
    height: 75svw;
  }
  #content {
    max-width: 90%;
    margin-top: 5vh;
  }
  #text {
    font-size: 1.3rem;
  }
}