andela/workdey

.dashboard-choose_role {
  header {
    margin-top: em(5px);
    margin-bottom: em(35px);
  }

  .brand-logo {
    color: $primary-color;
    font-family: $logo-font;
    font-size: $small;
  }

  .intro {
    transition-duration: 0.6s;
  }

  .tasker-guidelines, .artisan-guidelines {
    position: fixed;
    top: 0;
    width: 40%;
    height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: em(30px);
    z-index: -1;
    opacity: 0;
    transition-duration: 0.6s;

    .guidelines {
      list-style-type: disc;

      li {
        margin-top: em(15px);
        margin-bottom: em(15px);
        list-style-type: disc;
      }
    }
  }

  .artisan-guidelines {
    right: 0;
  }
}