.center {
  margin: auto;
  width: 70%;
  /* padding: 5px; */
}

.center p, .center a, .center h1, .center h2, .center h3, .center ul li:has(a) {
  color: white;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /* Font */
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300; /* <weight>: Use a value from 300 to 900 */
  font-style: normal;
}

ul {
  padding-left: 0px;
}

ol {
  color: white;
  list-style:decimal;
  list-style-position: outside;
}

li {
  color: white;
  display: list-item;
  margin-bottom: 2px;
  width: fit-content;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300; /* <weight>: Use a value from 300 to 900 */
  font-style: normal;
}

/* <uniquifier>: Use a unique and descriptive class name */
.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300; /* <weight>: Use a value from 300 to 900 */
  font-style: normal;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#nbPrideFlagIcon {
  display: inline; /* This may need changed someday I just wanted to remove inline styling its bad practice */
}

a:link {
  color: whitesmoke;
}


a:visited {
  color: hotpink;
}


a:active {
  color: blue;
}