AltitudeWeb/frontend/src/app/rules/rules.component.scss

.paragraph {
  width: 100%;
  margin-bottom: -25px;
}

.highlighted-content {
  width: 70%;
  background: var(--color-quaternary);
  padding: 20px;
  margin: auto auto 30px;
  text-align: center;
  border-radius: 5px;
  transition: 0.5s ease;
}

.highlighted-content p {
  margin-bottom: 0 !important;
}

.full-page-list {
  margin-left: 70px;
  font-family: 'opensans', sans-serif;
  margin-bottom: 30px;
  color: var(--font-color);
  transition: 0.5s ease;
}

.full-page-list li {
  padding-bottom: 10px;
}

.full-page-list-2 {
  margin-left: 70px;
  font-family: 'opensans', sans-serif;
  margin-bottom: 0;
}

.list > li {
  margin-left: 70px;
  font-family: 'opensans', sans-serif;
  color: var(--font-color);
  transition: 0.5s ease;
}

.hide {
  display: none;
}

.copy-link {
  cursor: pointer;
}

// Different resolution changes
@media (max-width: 1000px) {
  main .container {
    text-align: left;
  }

  .list {
    text-align: left;
  }
}

@media (max-width: 670px) {
  main .container {
    text-align: center;
  }

  .list {
    margin-left: 50px;
  }
}