/* List */
ul {
  counter-reset: index;  
  padding: 0;
  max-width: 900px;
}

/* List element */
li {
  counter-increment: index; 
  display: flex;
  align-items: center;
  padding: 12px 0;
  box-sizing: border-box;
}

a {
  color: #b169ff;
  text-decoration: none;
}

.svg {
	margin-left: 1rem;
	margin-right: 0.8rem;
}

.stuck {
    position: fixed;
    top: 0;
    background-color: #000;
    width: 100%;
}

.intro {
    padding: 2rem 1.5rem 0 2rem;
    left: auto;
    max-width: 900px;
    margin: 0 auto 0.5rem auto;
	text-align: center;
}

.center {
  display: block;
    left: auto;
}

/* Element counter */
li::before {
  content: counters(index, ".", decimal-leading-zero);
  font-size: 1.5rem;
  text-align: right;
  font-weight: bold;
  min-width: 50px;
  padding-right: 12px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  align-self: flex-start;
  background-image: linear-gradient(#8fddff, #5f98f8, #8e00ff);
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #de00fe4d;
}


/* Element separation */
li + li {
  border-top: 1px solid rgba(216, 0, 255, 0.2);
}