@import url("base.css");

body {
  height: 100vh;
  align-items: center;
}

h1 {
  font-size: 6.2rem;
  margin-bottom: 3.2rem;
  color: var(--pink-primary-color);
}

ul {
  min-width: 50rem;
}
li {
  margin-bottom: 0.5rem;
  height: 3.8rem;
}

.active {
  color: var(--white-primary-color);
}
.inactive {
  color: var(--grey-inactive-color);
}

a {
  transition: all 0.3s ease-out;
}
a:hover {
  color: var(--white-primary-color);
  font-size: 2.8rem;
}

span.lessons__imp {
  color: var(--pink-imp-color);
}