* {
}

.top {
  top: 0;
}
.bottom {
  bottom: 0;
}
.left {
  left: 0;
}
.right {
  right: 0;
}

.absolute.top.right {
  z-index: 10;
}

h1 {
  font-size: 6vmin;
  line-height: 1em;
  margin: 0.5em 0;
}

.comp-site-main .columns {
  display: grid;
  gap: 2rem;
  margin-top: 2rem;
}

.comp-site-main .columns.columns-3 {
  grid-template: 1fr / 2fr 3fr 4fr;
}

.comp-site-main .columns.columns-2 {
  grid-template: 1fr / 1fr 3fr;
}

.items-3 > * {
  width: 33%;
  display: flex;
  justify-content: center;
}
.items-3 > *:nth-child(1) {
  justify-content: flex-start;
}
.items-3 > *:nth-child(3) {
  justify-content: flex-end;
}

.grid-1 {
  display: grid;
  grid-template: 1fr / 1fr;
  gap: 10vh !important;
}

.grid-2 {
  display: grid;
  grid-template: 1fr / 1fr 1fr;
}

.grid-1-3 {
  display: flex;
  flex-direction: row-reverse;
}

.grid-1-3 > :nth-child(1) {
  width: 25%;
}

.grid-1-3 > :nth-child(2) {
  width: 75%;
}

li:nth-child(odd) .grid-1-3 {
  flex-direction: row;
}

.grid-3 {
  display: grid;
  grid-template: 1fr / 1fr 1fr 1fr;
  gap: 1rem !important;
}

@media (max-width: 1000px) {
  .comp-site-main .grid-3 {
    grid-template: 1fr / 1fr 1fr;
  }

  .comp-site-main .columns.columns-3 {
    grid-template: 1fr / 1fr 4fr 4fr;
  }

  .comp-site-main .columns.columns-3 .left .comp-e-generator-wide2 {
    max-width: 20vw;
  }
}

@media (max-width: 728px) {
  .comp-site-main .grid-3 {
    grid-template: 1fr / 1fr;
  }

  .comp-site-main > .columns > .left .grid {
    grid-template: 1fr / 1fr !important;
  }
}

.tree-indent > *:nth-child(1) {
  margin-left: 0em;
}
.tree-indent > *:nth-child(2) {
  margin-left: 1em;
}
.tree-indent > *:nth-child(3) {
  margin-left: 2em;
}
.tree-indent > *:nth-child(4) {
  margin-left: 3em;
}
.tree-indent > *:nth-child(5) {
  margin-left: 4em;
}
.tree-indent > *:nth-child(6) {
  margin-left: 5em;
}
.tree-indent > *:nth-child(7) {
  margin-left: 6em;
}
.tree-indent > *:nth-child(8) {
  margin-left: 7em;
}
.tree-indent > *:nth-child(9) {
  margin-left: 8em;
}
.tree-indent > *:nth-child(10) {
  margin-left: 9em;
}
