:root {
  --clr-bg-primary: linear-gradient(to right, #a6ffcb, #12d8fa, #1fa2ff);
  --clr-bg-alternative: #1fa2ff;
  --clr-font-primary: #ffeded;
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  background-color: var(--clr-bg-alternative);
  background: var(--clr-bg-primary);
}

a {
  text-decoration: none;
  color: var(--clr-font-primary);
}

.threeJS {
  position: fixed;
  top: 0;
  left: 0;
  outline: none;
}

section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100vh;
  position: relative;
  font-family: "Cabin", sans-serif;
  text-transform: uppercase;
  font-size: 7vmin;
  padding-left: 10%;
  padding-right: 10%;
}

p {
  margin-block: 1ch;
  font-size: 1rem;
  color: var(--clr-font-primary);
}

li {
  align-items: flex-end;
  margin: 1ch;
  font-size: 0.7rem;
  color: var(--clr-font-primary);
  list-style-type: none;
}

.section-2 > h2,
.section-2 > p,
.section-2 > ul {
  margin-right: 0;
  margin-left: auto;
  text-align: end;
}


/*# sourceMappingURL=main.css.map*/