.curriculum {// Associated code in _home.scss
  &__methodology__link {    &:link,    &:visited {    text-decoration: underline;    color: $grey-1;  }    &:hover,    &:focus,    &:active {      color: $gold-2;    }  }
  &__main {    display: grid;    grid-template-columns: repeat(3, 1fr);
    @media only screen and (max-width: $bp-4K){      padding: 1.6rem;      gap: 3.2rem;    }
    @media only screen and (max-width: $bp-laptop){      padding: 0;      gap: 2.4rem;    }
    @media only screen and (max-width: $bp-tablet){      padding: 0;      gap: 1.6rem;    }
    &-completed {      grid-column: 1 / 2;
      @media only screen and (max-width: $bp-tablet){        grid-column: 1 / -1;      }    }
    &-progress {      grid-column: 2 / 3;
        @media only screen and (max-width: $bp-tablet){        grid-column: 1 / -1;      }    }
    &-queue {      grid-column: 3 / 4;
      @media only screen and (max-width: $bp-tablet){        grid-column: 1 / -1;      }    }  }

  &__header {    text-align: center;    padding: 1.6rem;
    &__icon {      vertical-align: middle;      height: 3.5rem;      width: 3.5rem;      margin-right: 5px;      fill: $navy-2;    }  }
  &__list {    border-radius: 5px;    background-color: $grey-1;    padding-left: 3rem;    padding-right: 1rem;  }
  &__item {    padding: 1.2rem 0;  }
  &__link {    text-decoration: underline;    cursor: pointer;
    &:link,    &:visited {      color: $navy-2;    }
    &:hover,    &:focus,    &:active {      color: $gold-2;    }
    &--no-decoration {      text-decoration: none;    }  }}
#technologies {  display: none;  margin-left: 4rem;  margin-bottom: 1.6rem;}