/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footer__19f797MCuFmXMU95sok8Ww {
  background-color: #15141f;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.6);
  width: 100%; }
  .footer__19f797MCuFmXMU95sok8Ww a {
    color: rgba(255, 255, 255, 0.6) !important; }
    .footer__19f797MCuFmXMU95sok8Ww a:hover, .footer__19f797MCuFmXMU95sok8Ww a:focus {
      color: rgba(255, 255, 255, 0.9); }
  .footer__19f797MCuFmXMU95sok8Ww li {
    color: rgba(255, 255, 255, 0.6); }

.container__zpZ5RRJ3aQ_OJmUMK046P {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .container__zpZ5RRJ3aQ_OJmUMK046P {
      justify-content: space-between;
      flex-direction: row; } }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div {
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 48rem) {
      .container__zpZ5RRJ3aQ_OJmUMK046P > div {
        margin-bottom: 0; } }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:first-of-type,
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:last-of-type {
    flex-basis: 25%; }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:nth-of-type(2) {
    flex-basis: 50%;
    display: flex; }
    @media only screen and (min-width: 48rem) {
      .container__zpZ5RRJ3aQ_OJmUMK046P > div:nth-of-type(2) {
        justify-content: center; } }

.social__Ww2kc_Wm2jOtFGoDWdNi1 {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 100%; }
  @media only screen and (min-width: 48rem) {
    .social__Ww2kc_Wm2jOtFGoDWdNi1 {
      justify-content: flex-end; } }
  .social__Ww2kc_Wm2jOtFGoDWdNi1 li + li {
    margin-left: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.linkList__sUPVBjwi86ROnzJEQcMld {
  display: flex;
  flex-direction: column;
  justify-self: end;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 48rem) {
    .linkList__sUPVBjwi86ROnzJEQcMld {
      flex-direction: row;
      align-items: center; } }
  .linkList__sUPVBjwi86ROnzJEQcMld a {
    color: #141c3a; }
    .linkList__sUPVBjwi86ROnzJEQcMld a:hover, .linkList__sUPVBjwi86ROnzJEQcMld a:focus {
      color: #6400e4; }
  @media only screen and (min-width: 48rem) {
    .linkList__sUPVBjwi86ROnzJEQcMld > li + li {
      margin-left: 3rem; } }
  .linkList__sUPVBjwi86ROnzJEQcMld > li a:hover, .linkList__sUPVBjwi86ROnzJEQcMld > li a:focus {
    text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__t9cGpmzkTfzuZwSMDtCbX {
  max-width: 90rem !important;
  margin: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .container__t9cGpmzkTfzuZwSMDtCbX {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 64rem) {
    .container__t9cGpmzkTfzuZwSMDtCbX {
      padding-left: 2rem;
      padding-right: 2rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.landingContainer__3L8tmfV0pkzDmGZBXk1Wwm {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h1,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h2,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h3,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h4,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h5,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h6,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm p {
    color: #141c3a; }
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h1,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h2,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h3,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h4,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h5,
  .landingContainer__3L8tmfV0pkzDmGZBXk1Wwm h6 {
    line-height: 1.1; }

.main__jhBqo7rBIWmr8mS_EhZm {
  flex-grow: 1;
  font-size: 1.125rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3PjvxeZ6sSvE7xKd3igw-0 {
  display: flex; }

.collageContainer__3KYXHdr0-SK5rejw9ST5Qq {
  position: relative;
  flex-basis: 50%;
  margin-right: 12%;
  margin-top: 2rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .collageContainer__3KYXHdr0-SK5rejw9ST5Qq {
      display: block; } }
  @media only screen and (min-width: 64rem) {
    .collageContainer__3KYXHdr0-SK5rejw9ST5Qq {
      min-height: 44.6875rem; } }

.titleContainer__2kdrhe6ZWYZpBOZ88grjVL {
  background-color: #6400e4;
  padding: 2rem;
  position: absolute;
  left: -2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2; }
  .titleContainer__2kdrhe6ZWYZpBOZ88grjVL h1 {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 2rem; }
    @media only screen and (min-width: 75rem) {
      .titleContainer__2kdrhe6ZWYZpBOZ88grjVL h1 {
        font-size: 3rem; } }

.learner__3vTyNPqZP4vapfuoSCveyY {
  position: absolute;
  right: 0;
  top: 8%;
  z-index: 1;
  width: 90%;
  top: 8%;
  max-width: 36rem; }
  @media only screen and (min-width: 75rem) {
    .learner__3vTyNPqZP4vapfuoSCveyY {
      width: auto; } }

.bars__Ijm1fSi8r49Z09mMysanR {
  position: absolute;
  top: 15%;
  left: 0%;
  max-width: 33.3%;
  z-index: 2; }
  @media only screen and (min-width: 75rem) {
    .bars__Ijm1fSi8r49Z09mMysanR {
      left: 22%; } }

.dots__1TUj51RISy-EGD7Yt-jSeC {
  position: absolute;
  top: 0;
  left: 0; }

.rectangle__nu9ra5e_9o2QOhALFTPgN {
  position: absolute;
  left: 65%;
  z-index: 0;
  max-width: 50%; }
  @media only screen and (min-width: 75rem) {
    .rectangle__nu9ra5e_9o2QOhALFTPgN {
      left: 50%; } }

.triangle__2R2-HQOXNIN6Chb-e2rmPA {
  position: absolute;
  bottom: 20%;
  left: 0;
  z-index: 1;
  width: 80%; }
  @media only screen and (min-width: 75rem) {
    .triangle__2R2-HQOXNIN6Chb-e2rmPA {
      bottom: 0;
      width: 50%; } }

.formContainer__2l_MfQ1gY1nLmc15QoiqRe {
  padding: 2rem 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 48rem) {
    .formContainer__2l_MfQ1gY1nLmc15QoiqRe {
      padding: 4rem 2rem 2rem 2rem;
      width: auto; } }

.formContents__11wRcREszRNutLneB6TOP3 {
  max-width: 22rem; }
  @media only screen and (min-width: 48rem) {
    .formContents__11wRcREszRNutLneB6TOP3 {
      max-width: auto; } }

.formHeader__ewADzegSmio5jLLTQF2Rr {
  font-size: 1.4rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .formHeader__ewADzegSmio5jLLTQF2Rr {
      display: block; } }

.mobileTitle__28xF0P4BAQnIezH7OTNsWa {
  font-size: 1.5rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 48rem) {
    .mobileTitle__28xF0P4BAQnIezH7OTNsWa {
      display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pageContainer__3YpOoACNFH0JkEOLbpLy5J {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main__1DMoBwZbxA88IbaOPHt5Kt {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 48rem) {
    .main__1DMoBwZbxA88IbaOPHt5Kt {
      padding-top: 0;
      padding-bottom: 0; } }

.outLink__1CAKaBwcDc48Oex0b-CAlj {
  text-align: right;
  display: block;
  color: #6400e4; }
  .outLink__1CAKaBwcDc48Oex0b-CAlj:hover, .outLink__1CAKaBwcDc48Oex0b-CAlj:focus {
    color: #5900cb; }

.pageHeading__1aq3EfrTRp4zrnnSfHS3Ha {
  font-size: 1.8rem;
  margin-bottom: 2rem; }

.formContainer__3T4BH0jFLpXLvUq8rS6dF2 {
  max-width: 96vw;
  width: 22rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.aboutCodecademySection__lfFcS7EyTNH9-urg1F8li {
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .aboutCodecademySection__lfFcS7EyTNH9-urg1F8li {
      background-color: #f1f3fe;
      margin-top: 11rem; } }

.ellipse__1q-i7aob2qAfTVfjg75XYk {
  position: absolute;
  top: -15rem;
  width: 100%;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .ellipse__1q-i7aob2qAfTVfjg75XYk {
      display: block; } }

.workTitle__1PifwPzDJ_EURJhTDiefV3 {
  text-align: center;
  text-transform: uppercase;
  color: #525252;
  font-weight: bold;
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 1.2rem; }
  @media only screen and (min-width: 48rem) {
    .workTitle__1PifwPzDJ_EURJhTDiefV3 {
      padding-top: 2rem; } }

.logosImg__2FSb7uUHy2apioGASoQbcq {
  margin-bottom: 2rem;
  max-width: 100%;
  display: block; }
  @media only screen and (min-width: 48rem) {
    .logosImg__2FSb7uUHy2apioGASoQbcq {
      margin-bottom: 6rem;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; } }

.embedContainer__fd_n6r1kmHZ4FV5eCVbT_ {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  z-index: 1;
  width: 100%; }

.embedContainer__fd_n6r1kmHZ4FV5eCVbT_ iframe,
.embedContainer__fd_n6r1kmHZ4FV5eCVbT_ object,
.embedContainer__fd_n6r1kmHZ4FV5eCVbT_ embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.speechBubbleJoinUs__2_9P-oSxoGRX8Pv3z_aYGa {
  width: 100%;
  background-color: #ffc740;
  z-index: 2;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  position: relative;
  top: 0;
  padding: 1rem; }
  @media only screen and (min-width: 48rem) {
    .speechBubbleJoinUs__2_9P-oSxoGRX8Pv3z_aYGa {
      padding: 1.5rem;
      position: absolute;
      top: -3rem;
      max-width: 22rem;
      right: 6rem; } }
  .speechBubbleJoinUs__2_9P-oSxoGRX8Pv3z_aYGa p {
    margin-bottom: 0; }
  .speechBubbleJoinUs__2_9P-oSxoGRX8Pv3z_aYGa::after {
    position: absolute;
    right: 0;
    bottom: -3rem;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #ffc740;
    border-left: 50px solid transparent; }

.videoContainer__2oUlfotS-hz5EDFipup1Zf {
  width: calc(100% + 2rem);
  position: relative;
  left: -1rem; }
  @media only screen and (min-width: 48rem) {
    .videoContainer__2oUlfotS-hz5EDFipup1Zf {
      width: 100%;
      left: 0; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.codecademyTaughtMe__madeXBhDNjTxRT8NlTy0E {
  background-color: #141c3a;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 6rem; }
  .codecademyTaughtMe__madeXBhDNjTxRT8NlTy0E p,
  .codecademyTaughtMe__madeXBhDNjTxRT8NlTy0E h2 {
    color: #ffffff; }
  @media only screen and (min-width: 48rem) {
    .codecademyTaughtMe__madeXBhDNjTxRT8NlTy0E {
      padding-bottom: 12rem; } }
  @media only screen and (min-width: 64rem) {
    .codecademyTaughtMe__madeXBhDNjTxRT8NlTy0E {
      top: -8rem;
      padding-top: 8rem;
      padding-bottom: 10rem; } }

.codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK {
  padding-top: 5rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column; }
  .codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK > div {
    display: flex; }
  .codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK > div:nth-of-type(2) {
    justify-content: center; }
  @media only screen and (min-width: 64rem) {
    .codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK {
      padding-top: 10rem;
      padding-bottom: 6rem;
      flex-direction: row; }
      .codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK > div {
        flex: 1 0 auto; }
      .codecademyTaughtMe__content__1GB_swIHDTpsXnzFbXmUKK > div:nth-of-type(1) {
        align-items: center; } }

.codecademyTaughtMe__img__1wx5A7s5LhXrEMe84qqVur {
  width: 23rem;
  max-width: 100%;
  border-radius: 100%;
  position: relative;
  margin: auto;
  display: block; }
  @media only screen and (min-width: 64rem) {
    .codecademyTaughtMe__img__1wx5A7s5LhXrEMe84qqVur {
      left: 8rem;
      display: inline; } }

.codecademyTaughtMe__quote__2Spy2BOqM2r3iGy2LfLJYI {
  font-size: 2.24rem;
  color: #ffffff;
  max-width: 30rem; }
  @media only screen and (min-width: 64rem) {
    .codecademyTaughtMe__quote__2Spy2BOqM2r3iGy2LfLJYI {
      margin-top: 2rem; } }

.codecademyTaughtMe__quoteContents__32LyqMhibtMDJCNuXPh7a- {
  line-height: 1.3;
  position: relative; }

.cite__3z6zOSzxp6_vJ2-hj5TJyQ {
  display: block;
  margin-top: 1rem;
  font-variant: normal;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-size: 1.4rem; }

.greenBars__2Fvli00ZnJcFCNiF4Ra7TG {
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 14rem;
  width: 5rem;
  right: 8rem;
  display: none; }
  @media only screen and (min-width: 64rem) {
    .greenBars__2Fvli00ZnJcFCNiF4Ra7TG {
      display: block; } }

.greenCircles__FHTbQVmoLa-rm_hLy5Y7T {
  position: absolute;
  left: 4rem;
  top: 6rem;
  width: 7rem;
  display: none; }
  @media only screen and (min-width: 64rem) {
    .greenCircles__FHTbQVmoLa-rm_hLy5Y7T {
      display: block; } }

.imgContainer__1BnCMxzUbP1kyYV_ndsBZM {
  position: relative;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem; }
  @media only screen and (min-width: 64rem) {
    .imgContainer__1BnCMxzUbP1kyYV_ndsBZM {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      width: 40rem;
      max-width: 100%; } }
  .imgContainer__1BnCMxzUbP1kyYV_ndsBZM::before {
    position: absolute;
    content: "";
    border-right: 410px solid transparent;
    border-bottom: 410px solid #ffffff;
    left: 6rem;
    top: -1rem;
    display: none; }
    @media only screen and (min-width: 64rem) {
      .imgContainer__1BnCMxzUbP1kyYV_ndsBZM::before {
        display: block; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.framedBox__3S-TiUbDI1fryr_vAuhgcV {
  max-width: 60rem;
  position: relative;
  z-index: 1;
  top: -4rem; }
  @media only screen and (min-width: 48rem) {
    .framedBox__3S-TiUbDI1fryr_vAuhgcV {
      margin: 0 auto 6rem auto; } }
  .framedBox__3S-TiUbDI1fryr_vAuhgcV p,
  .framedBox__3S-TiUbDI1fryr_vAuhgcV h2,
  .framedBox__3S-TiUbDI1fryr_vAuhgcV h3 {
    color: #141c3a; }
  .framedBox__3S-TiUbDI1fryr_vAuhgcV > div {
    background-color: #ffffff;
    z-index: 1;
    position: relative;
    padding: 4rem 1rem; }
    @media only screen and (min-width: 48rem) {
      .framedBox__3S-TiUbDI1fryr_vAuhgcV > div {
        padding: 4rem 2rem; } }

.framedBoxImg__5POfAnKxXH3B11jFi_2r9 {
  position: absolute;
  z-index: 0;
  bottom: -3rem;
  width: 100%;
  right: -3rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .framedBoxImg__5POfAnKxXH3B11jFi_2r9 {
      display: block; } }

.boxTitle__3ENqLHlhkoni5rCo83xbKt {
  font-size: 3.2rem;
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 2rem auto; }

.textCenter__2NtRfkFO2gg0CR8FYDnO_3 {
  text-align: center; }

.featureList__2i_gx1_bt44x8UUcysZI_X {
  text-align: left;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .featureList__2i_gx1_bt44x8UUcysZI_X {
      flex-direction: row; } }
  .featureList__2i_gx1_bt44x8UUcysZI_X .featureItem__zX878yEE8-6C6Eo09UZft {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 48rem) {
      .featureList__2i_gx1_bt44x8UUcysZI_X .featureItem__zX878yEE8-6C6Eo09UZft {
        width: 50%;
        padding: 1.5rem;
        flex-direction: row; } }
    .featureList__2i_gx1_bt44x8UUcysZI_X .featureItem__zX878yEE8-6C6Eo09UZft > div:first-of-type {
      text-align: center;
      padding-bottom: 1rem; }
      @media only screen and (min-width: 48rem) {
        .featureList__2i_gx1_bt44x8UUcysZI_X .featureItem__zX878yEE8-6C6Eo09UZft > div:first-of-type {
          padding: 0;
          display: flex;
          justify-content: flex-end;
          padding-right: 1rem;
          align-items: flex-start; } }
  .featureList__2i_gx1_bt44x8UUcysZI_X .featureTitle__NPN6YWPichQqOKJtvYg0R {
    border-bottom: 3px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    text-align: center; }
    @media only screen and (min-width: 48rem) {
      .featureList__2i_gx1_bt44x8UUcysZI_X .featureTitle__NPN6YWPichQqOKJtvYg0R {
        text-align: left; } }

.cta__2nrbzcNGJEtpbAP7metZC0 {
  width: 20rem;
  max-width: 100%; }

.youCanLearn__Run3377OwQDY5Xlxx5Vnb {
  display: flex; }
  .youCanLearn__Run3377OwQDY5Xlxx5Vnb h2,
  .youCanLearn__Run3377OwQDY5Xlxx5Vnb p {
    color: #141c3a; }

.youCanLearnSubheader__BqlkQUtCLWUcujz7ZnkpX {
  font-size: 2.24rem;
  margin-top: 2rem; }
  @media only screen and (min-width: 48rem) {
    .youCanLearnSubheader__BqlkQUtCLWUcujz7ZnkpX {
      max-width: 28rem;
      font-size: 3.2rem;
      margin-top: 4rem; } }

.youCanLearnDescription__aLqX4IWXcFWp32xa9jcWc {
  margin-bottom: 0; }
  @media only screen and (min-width: 48rem) {
    .youCanLearnDescription__aLqX4IWXcFWp32xa9jcWc {
      max-width: 28rem; } }

.youCanLearnContainer__1ULmEYdc7VAe2G4ikPtNlS {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 8rem; }
  @media only screen and (min-width: 48rem) {
    .youCanLearnContainer__1ULmEYdc7VAe2G4ikPtNlS {
      flex-direction: row;
      padding-bottom: 2rem; }
      .youCanLearnContainer__1ULmEYdc7VAe2G4ikPtNlS > div {
        flex: 1 0 50%; } }

.youCanLearnLaptopImg__1SUGsQ2037xn4J5AqL_tdj {
  max-width: 100%;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 48rem) {
    .youCanLearnLaptopImg__1SUGsQ2037xn4J5AqL_tdj {
      margin-bottom: 0;
      max-width: 150%;
      position: relative;
      right: 55%; } }

.intersectingCirclesImg__1MC0oirxqCfkNQT2aXqrZY {
  position: absolute;
  right: -10rem;
  z-index: -1;
  top: -25rem;
  max-width: 40rem; }

.getWhereYoureGoing__XYqzww7TIgEbygV-bMeVp {
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .getWhereYoureGoing__XYqzww7TIgEbygV-bMeVp {
      top: -8rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.whyCodeSection__34tHG25VIZm5jnVIhlYK5Z {
  background-color: #141c3a;
  position: relative; }
  .whyCodeSection__34tHG25VIZm5jnVIhlYK5Z h2,
  .whyCodeSection__34tHG25VIZm5jnVIhlYK5Z h3,
  .whyCodeSection__34tHG25VIZm5jnVIhlYK5Z li,
  .whyCodeSection__34tHG25VIZm5jnVIhlYK5Z p {
    color: #ffffff; }

.overflowHidden__2EUAiBgvNvHfGqf-yKNCbQ {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0; }

.whyCodeTitle__Ezo_OlnhWpes8QdnHXzkU {
  font-size: 2.56rem;
  max-width: 36rem;
  text-align: center;
  padding: 12rem 0 1rem 0;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (min-width: 48rem) {
    .whyCodeTitle__Ezo_OlnhWpes8QdnHXzkU {
      padding: 8rem 0;
      font-size: 3.84rem; } }
  .whyCodeTitle__Ezo_OlnhWpes8QdnHXzkU .block__lVM0E8B0k25ktOe3bdqkS {
    display: block; }
  .whyCodeTitle__Ezo_OlnhWpes8QdnHXzkU .block__lVM0E8B0k25ktOe3bdqkS + .block__lVM0E8B0k25ktOe3bdqkS {
    margin-top: 1rem; }

.mint__mW4TzBa91luGh180DsoeX {
  color: #6df0c2; }

.yellow__1Beax1zZZWFn434rFv_hYK {
  color: #ffc740; }

.greenCircles__1QFxC-G3fMIcbtUAFpW0MY {
  position: absolute;
  left: 2rem;
  top: 2rem; }

.greenBars__3Nt74VO57u9BaEF9_0Ev78 {
  position: absolute;
  right: 2rem;
  max-width: 6rem;
  top: -4rem; }

.languageIcons__1kuJGv3CUMCrAAGS5vJv-o {
  position: absolute;
  opacity: 0.3;
  width: 300%; }
  @media only screen and (min-width: 48rem) {
    .languageIcons__1kuJGv3CUMCrAAGS5vJv-o {
      max-width: 120%;
      display: block;
      margin: auto;
      opacity: 1; } }

.subjectRow__366xAEkuRNe-0JRugil2J5 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-bottom: 5rem; }
  @media only screen and (min-width: 48rem) {
    .subjectRow__366xAEkuRNe-0JRugil2J5 {
      flex-direction: row;
      justify-content: space-between; } }
  .subjectRow__366xAEkuRNe-0JRugil2J5 > div {
    margin-top: 2rem; }
    @media only screen and (min-width: 48rem) {
      .subjectRow__366xAEkuRNe-0JRugil2J5 > div {
        flex: 1 0;
        margin-top: 0; } }
  @media only screen and (min-width: 48rem) {
    .subjectRow__366xAEkuRNe-0JRugil2J5 > div + div {
      margin-left: 5%; } }

.subjectHeadingContainer__3xy-EHA3TNNsAjycQrd78n {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  @media only screen and (min-width: 48rem) {
    .subjectHeadingContainer__3xy-EHA3TNNsAjycQrd78n {
      height: 5rem; } }

.subjectHeading__1-iBILzXUY5wGzChezmOOD {
  border-bottom: 3px solid #ffffff;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 48rem) {
    .subjectHeading__1-iBILzXUY5wGzChezmOOD {
      text-align: center; } }

.subjectTabs__3XFXtYqCJddBUaeAXJOGjm {
  display: flex;
  padding: 0;
  position: relative;
  left: 1rem; }
  .subjectTabs__3XFXtYqCJddBUaeAXJOGjm > li {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.95rem;
    list-style: none;
    position: relative;
    margin-right: 2.5rem; }
    .subjectTabs__3XFXtYqCJddBUaeAXJOGjm > li::before {
      content: "";
      width: 0.6rem;
      height: 0.6rem;
      display: block;
      border-radius: 10rem;
      position: absolute;
      left: -1rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.subjectTabsWeb__1314XuWz4vOYgWhIm4OikI > li::before {
  background-color: #ffc740; }

.subjectTabsProgramming__qbIvWq90fpK6f0j1x0y12 > li::before {
  background-color: #6df0c2; }

.subjectTabsData__2vGDGYtsYeHtVCwPuTEZJi > li::before {
  background-color: #6400e4; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.joinUsSection__22dCEGikLnddhqx0O2acID {
  padding: 2rem 0 4rem 0;
  position: relative;
  top: 6rem;
  margin-top: -2rem;
  overflow: hidden; }

.joinUsHeading__35akqdCF-jvrOGFc0GsBgv {
  font-size: 2.24rem;
  margin-bottom: 4rem; }
  @media only screen and (min-width: 48rem) {
    .joinUsHeading__35akqdCF-jvrOGFc0GsBgv {
      font-size: 3.2rem;
      max-width: 60%; } }

.manAtComputer__27_sRKMQHBtxPyrotTVC4R {
  max-width: calc(100% + 2rem);
  position: relative;
  left: -1rem; }
  @media only screen and (min-width: 48rem) {
    .manAtComputer__27_sRKMQHBtxPyrotTVC4R {
      max-width: 60%;
      left: 0; } }

.womanInOffice__1-l9qVL1COcgwB88Gn1o0M {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  max-height: 100%; }
  @media only screen and (min-width: 48rem) {
    .womanInOffice__1-l9qVL1COcgwB88Gn1o0M {
      display: block; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.ctaSection__36_vX81vkCA8SpLCytuVZ3 {
  background-color: #6400e4; }
  .ctaSection__36_vX81vkCA8SpLCytuVZ3 h2,
  .ctaSection__36_vX81vkCA8SpLCytuVZ3 p {
    color: #ffffff; }

.ctaSectionContent__2ritis0K0nd-ZVgDtf4eDw {
  max-width: 40rem;
  margin: 0 auto;
  padding: 10rem 0 9rem 0;
  text-align: center; }

.ctaHeader__2rtm70gsy41omgpzTodBkn {
  font-size: 2.24rem; }
  @media only screen and (min-width: 48rem) {
    .ctaHeader__2rtm70gsy41omgpzTodBkn {
      margin-top: 3rem;
      margin-top: auto;
      font-size: 3.2rem; } }

.ctaContent__-GIe7aYRIo8D0yKMcml_d {
  font-size: 1.2rem; }

.pieChartImg__1uArqVg9AvfqchFXiz4AuY {
  position: absolute;
  right: 0;
  max-width: 8rem; }
  @media only screen and (min-width: 48rem) {
    .pieChartImg__1uArqVg9AvfqchFXiz4AuY {
      max-width: 10rem;
      top: -2rem; } }

.intersectingOvalsImg__1gExzHIE5Mn2S0LJqwsUVm {
  position: absolute;
  max-width: 40%;
  left: -10rem;
  top: 6rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .intersectingOvalsImg__1gExzHIE5Mn2S0LJqwsUVm {
      display: block; } }

.togglesImg__2t3KchlrgDHtt14jpQckcK {
  position: absolute;
  right: -4rem;
  bottom: 2rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .togglesImg__2t3KchlrgDHtt14jpQckcK {
      display: block; } }

.ctaButton__8PFyoYkGc0t8vM3ApK1c7 {
  margin-top: 1rem;
  width: 20rem;
  max-width: 100%; }

html {
  overflow-x: hidden;
  max-width: 100%; }

body {
  overflow-x: hidden;
  max-width: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.signUpFormContainer__3PKcyQ7zIW8Ki0RxaieJlP {
  flex-grow: 1;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 48rem) {
    .signUpFormContainer__3PKcyQ7zIW8Ki0RxaieJlP {
      padding-top: 0;
      padding-bottom: 0; } }

.responsivePair__tpo0TD2Ueer_9U6f75lQY {
  display: flex;
  width: 100%;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .responsivePair__tpo0TD2Ueer_9U6f75lQY {
      flex-direction: row;
      max-width: 1800px;
      margin: 0 auto; } }
  .responsivePair__tpo0TD2Ueer_9U6f75lQY > div {
    flex: 1 0 50%; }

.contentContainer__33QyV6lM7NL_-FugZXh6Qm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem; }

.marketingImgContainer__2I4yrENvZZhzQgab2GLPfK {
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: none;
  max-width: 50rem; }
  @media only screen and (min-width: 48rem) {
    .marketingImgContainer__2I4yrENvZZhzQgab2GLPfK {
      display: flex; } }

.marketingImgContainerText__2HD0VVwlWPus2nuIF6NsD9 {
  z-index: 4;
  position: relative;
  color: #ffffff;
  max-width: 80%;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.marketingImgContainerHeader__aZmi9u_35VAgUzry0pDh5 {
  color: #ffffff !important;
  font-size: 2.8rem;
  text-align: center; }
  @media only screen and (min-width: 64rem) {
    .marketingImgContainerHeader__aZmi9u_35VAgUzry0pDh5 {
      font-size: 3.5rem; } }
  @media only screen and (min-width: 75rem) {
    .marketingImgContainerHeader__aZmi9u_35VAgUzry0pDh5 {
      font-size: 4.2rem; } }

.shaded__2enau-1KNoUawjGRHkvrZl {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to bottom, transparent, #000000);
  z-index: 1; }

.svgPink__1XdJQQJF-kXcobKSseXTFS {
  position: absolute;
  width: 100%;
  right: -2%;
  bottom: -25%;
  z-index: 3;
  max-width: 100%; }

.svgPurple__Z_a8eaRmivhN-yf_hU0SW {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 2; }

.svgGreen__2oBvLxwR7xyTBK3O_J8YrJ {
  position: absolute;
  z-index: 1;
  top: -4%;
  left: -20%; }
  @media only screen and (min-width: 75rem) {
    .svgGreen__2oBvLxwR7xyTBK3O_J8YrJ {
      top: 0;
      left: 0; } }

.registerImg__feVtPb7_9PZrq8BXC-ZN {
  position: absolute;
  z-index: 1;
  right: -44%;
  top: 0;
  width: 150%; }
  @media only screen and (min-width: 75rem) {
    .registerImg__feVtPb7_9PZrq8BXC-ZN {
      width: 120%;
      right: -35%; } }

.spacer__3lbNVH1ntz2_5fW__RluYl {
  margin-top: 4rem;
  margin-bottom: 4rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__14yMWnWu9ea2g_w6H5Wo7k {
  text-align: center;
  padding: 0 3rem;
  margin: 6.25rem 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media only screen and (min-width: 48rem) {
    .header__14yMWnWu9ea2g_w6H5Wo7k {
      padding: 0; } }

.title__3R_Wro0TC87P6fZTmt2zi4 {
  font-size: 3rem; }
  @media only screen and (min-width: 48rem) {
    .title__3R_Wro0TC87P6fZTmt2zi4 {
      font-size: 5.5rem; } }

@media only screen and (min-width: 48rem) {
  .headerBody__3v2pJQ8SS_uwqPtWmNx_E0 {
    max-width: 37.5rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentModule__3yMzEVhbdv57-T_Vfqa1m1 {
  z-index: 0;
  width: 100%; }

.contentModuleInner__3Ehe3Dq59P3XSwQ0JiePFY {
  background-color: #ffffff;
  z-index: 1; }

.padded__10dv99KNa3Aj1jAstvT5CU {
  padding: 0.625rem; }
  @media only screen and (min-width: 48rem) {
    .padded__10dv99KNa3Aj1jAstvT5CU {
      padding: 3.125rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pricingGrid__24Pfgu2qtYfCJh14MKQ2R2 {
  position: relative;
  overflow: hidden;
  padding: 0.625rem; }
  @media only screen and (min-width: 48rem) {
    .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2 {
      padding: 1.25rem; } }
  .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:after, .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:before {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border: 18.75rem solid transparent; }
  .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:after {
    content: "";
    top: 0;
    left: 0;
    border-top-width: 10rem;
    border-bottom-width: 10rem;
    border-left-width: 9.375rem;
    border-right-width: 9.375rem;
    border-top-color: #ffc740;
    border-left-color: #ffc740; }
    @media only screen and (min-width: 48rem) {
      .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:after {
        border-top-width: 25rem;
        border-bottom-width: 25rem;
        border-left-width: 28.125rem;
        border-right-width: 28.125rem; } }
  .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:before {
    content: "";
    bottom: 0;
    right: 0;
    border-top-width: 5.3125rem;
    border-bottom-width: 5.3125rem;
    border-left-width: 6.875rem;
    border-right-width: 6.875rem;
    border-bottom-color: #ff8ef5;
    border-right-color: #ff8ef5; }
    @media only screen and (min-width: 48rem) {
      .pricingGrid__24Pfgu2qtYfCJh14MKQ2R2:before {
        border-top-width: 17.15625rem;
        border-bottom-width: 17.15625rem;
        border-left-width: 20.9375rem;
        border-right-width: 20.9375rem; } }

.topic__3_w03mqq4otN-WinUF5kyN {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(20, 28, 58, 0.3); }
  .topic__3_w03mqq4otN-WinUF5kyN:last-child {
    border-bottom-width: 0; }

.topicCell__tnDyNvwuBhiKS-AT9_AiV {
  flex: 1 0 33%;
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  border-right: 1px solid rgba(20, 28, 58, 0.3); }
  @media only screen and (min-width: 48rem) {
    .topicCell__tnDyNvwuBhiKS-AT9_AiV {
      padding: 1.25rem 3.75rem; } }
  .topicCell__tnDyNvwuBhiKS-AT9_AiV:last-child {
    border-right-width: 0; }

.center__1kVyFIl9Gy8RrROUT6Dj4e {
  display: flex;
  justify-content: center;
  align-items: center; }

.topicItemHeading__13j9shZE5irS8d8F5WoltW {
  font-size: 0.875rem; }
  @media only screen and (min-width: 48rem) {
    .topicItemHeading__13j9shZE5irS8d8F5WoltW {
      font-size: 1.5rem; } }

.topicHeading__2pa8r3XP5kPZLpbhfbtj7o {
  margin-top: 1.5625rem;
  height: 2.5rem;
  font-weight: bold;
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin-bottom: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 48rem) {
    .topicHeading__2pa8r3XP5kPZLpbhfbtj7o {
      margin-top: 3.125rem;
      font-size: 1.5rem; } }

.topicProLogo__1A3nLzVYDOfE5zg6s9sYVR {
  width: 3.125rem; }
  @media only screen and (min-width: 48rem) {
    .topicProLogo__1A3nLzVYDOfE5zg6s9sYVR {
      width: 5.625rem; } }

.topicPrice__mBXu6wdJEpy2yUlwBqhuQ {
  text-align: center;
  font-weight: bold;
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  @media only screen and (min-width: 48rem) {
    .topicPrice__mBXu6wdJEpy2yUlwBqhuQ {
      font-size: 2.25rem; } }

.topicSubHeading__1DBXOULx0Ux17s6QJgKv8T {
  text-align: center;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .topicSubHeading__1DBXOULx0Ux17s6QJgKv8T {
      display: block; } }

.checkBox__2B1JvgbMwT1LJd50uULzxK {
  width: 1.5rem;
  height: auto; }
  @media only screen and (min-width: 48rem) {
    .checkBox__2B1JvgbMwT1LJd50uULzxK {
      width: 2.25rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.congrats__3k1S-euN1OqBHIByzp_l8T {
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .congrats__3k1S-euN1OqBHIByzp_l8T {
      min-height: 56.25rem; } }

.pullQuote__7lk9YSwPROxR7CMQFvgAs {
  padding: 2rem;
  background-color: #ffc740;
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1.125rem;
  position: relative;
  z-index: 1;
  color: #141c3a; }
  .pullQuote__7lk9YSwPROxR7CMQFvgAs:after {
    content: "";
    position: absolute;
    bottom: -3.125rem;
    right: 0;
    height: 0;
    width: 0;
    border: 1.5625rem solid transparent;
    border-right-color: #ffc740;
    border-top-color: #ffc740; }
  @media only screen and (min-width: 64rem) {
    .pullQuote__7lk9YSwPROxR7CMQFvgAs {
      top: -4rem;
      left: 1rem;
      max-width: 50rem; }
      .pullQuote__7lk9YSwPROxR7CMQFvgAs:after {
        border-width: 3.125rem;
        bottom: -6.25rem; } }

.pullQuoteText__2gyvM_NzkmVrAb1VmK8QG2 {
  font-weight: bold;
  padding: 1rem 1rem 0 5rem;
  line-height: 1.3; }
  @media only screen and (min-width: 64rem) {
    .pullQuoteText__2gyvM_NzkmVrAb1VmK8QG2 {
      font-size: 2.25rem;
      padding-left: 9rem;
      padding-top: 3rem;
      padding-right: 3rem;
      padding-bottom: 3rem; } }

.pullQuoteSource__1alZiNn_nUtbP688nxOj8h {
  display: block;
  font-size: 0.75rem;
  padding-right: 1.5rem;
  text-align: right; }
  @media only screen and (min-width: 64rem) {
    .pullQuoteSource__1alZiNn_nUtbP688nxOj8h {
      font-size: 1.5rem; } }

.quotationMark__2QADMSEQPe0Y7JzojmMnT3 {
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 6.875rem;
  position: absolute;
  left: 2rem;
  top: 1rem; }
  @media only screen and (min-width: 64rem) {
    .quotationMark__2QADMSEQPe0Y7JzojmMnT3 {
      font-size: 14.25rem; } }

.headshot__1XgCZRycvUCVLUbUMK9zFm {
  width: 100%;
  height: auto; }
  @media only screen and (min-width: 48rem) {
    .headshot__1XgCZRycvUCVLUbUMK9zFm {
      width: 30%;
      position: absolute;
      right: 0rem;
      top: 9rem; } }
  @media only screen and (min-width: 64rem) {
    .headshot__1XgCZRycvUCVLUbUMK9zFm {
      width: 50%;
      position: absolute;
      right: -8rem;
      top: 8rem; } }

.congratsText__1h0iuB5OPjYmRP-BGsjIAn.congratsText__1h0iuB5OPjYmRP-BGsjIAn {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 3rem 2rem; }
  @media only screen and (min-width: 48rem) {
    .congratsText__1h0iuB5OPjYmRP-BGsjIAn.congratsText__1h0iuB5OPjYmRP-BGsjIAn {
      font-size: 3rem;
      max-width: 43.125rem;
      top: 4rem;
      padding-left: 1rem; } }
  @media only screen and (min-width: 75rem) {
    .congratsText__1h0iuB5OPjYmRP-BGsjIAn.congratsText__1h0iuB5OPjYmRP-BGsjIAn {
      padding-left: 0; } }

.white__19iQQA3934pDBeBE-rxpDC {
  color: #ffffff; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.questions__3MIu-fzNMoFVtR2QuJfNGg {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 48rem) {
    .questions__3MIu-fzNMoFVtR2QuJfNGg {
      padding: 1.25rem; }
      .questions__3MIu-fzNMoFVtR2QuJfNGg:after, .questions__3MIu-fzNMoFVtR2QuJfNGg:before {
        position: absolute;
        z-index: -1;
        width: 0;
        height: 0;
        border: 300px solid transparent; }
      .questions__3MIu-fzNMoFVtR2QuJfNGg:after {
        content: "";
        bottom: 0;
        left: 0;
        border-top-width: 160px;
        border-bottom-width: 160px;
        border-left-width: 150px;
        border-right-width: 150px;
        border-bottom-color: #6df0c2;
        border-left-color: #6df0c2; } }
    @media only screen and (min-width: 48rem) and (min-width: 48rem) {
      .questions__3MIu-fzNMoFVtR2QuJfNGg:after {
        border-top-width: 400px;
        border-bottom-width: 400px;
        border-left-width: 450px;
        border-right-width: 450px; } }
  @media only screen and (min-width: 48rem) {
      .questions__3MIu-fzNMoFVtR2QuJfNGg:before {
        content: "";
        top: 0;
        right: 0;
        border-top-width: 85px;
        border-bottom-width: 85px;
        border-left-width: 110px;
        border-right-width: 110px;
        border-top-color: #fd4d3f;
        border-right-color: #fd4d3f; } }
    @media only screen and (min-width: 48rem) and (min-width: 48rem) {
      .questions__3MIu-fzNMoFVtR2QuJfNGg:before {
        border-top-width: 274.5px;
        border-bottom-width: 274.5px;
        border-left-width: 335px;
        border-right-width: 335px; } }

.header__2aS8NylBdsO1gl34X1iI7O {
  padding-top: 2rem;
  width: 100%;
  text-align: center; }

.rule__jznWKKtOFWbdu8vXThW4S {
  width: 100%;
  height: 1px;
  background-color: #141c3a;
  margin: 1rem 0; }

.questionsList__Mz09Ap09p664XPB15foBZ {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .questionsList__Mz09Ap09p664XPB15foBZ {
      padding: 2rem;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }

@media only screen and (min-width: 48rem) {
  .question__1NsBZL-Dbo-GB1Bkzj7Yor {
    max-width: 45%; } }

.questionTitle__uzxP56WG72R6-2X_vRAi9 {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.125rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.circle__y--i1Ou1_jvEUhcmK1Jya {
  position: absolute;
  top: -3rem;
  right: -10rem;
  width: 31.25rem;
  height: 31.25rem;
  background-color: #6df0c2;
  border-radius: 50%; }

.bars__12vHwCvVjFcpG1QSsMc5L_ {
  position: absolute;
  top: -1rem;
  left: 1rem;
  height: 4.6875rem; }
  @media only screen and (min-width: 48rem) {
    .bars__12vHwCvVjFcpG1QSsMc5L_ {
      top: -3rem;
      left: -1rem;
      height: 18.75rem; } }

.inner__3u7Ay4UMTuNvVnBDb6XQ0d {
  display: block;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 48rem) {
    .inner__3u7Ay4UMTuNvVnBDb6XQ0d {
      max-width: 68.75rem;
      margin: 0 auto; } }

.section__sB3I30Fb2dMoOVgnhO1KT {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  align-items: center; }

.sectionOne__3jSS48V_Sbfy_qInzdipHD {
  padding-bottom: 6.25rem; }

.sectionTwo__2cnHNJ39hLD7mvA7IExyaT {
  background-color: #6400e4; }

.sectionThree__icSDbYj4ea2EnlXu694oG {
  padding-bottom: 5rem; }
  .sectionThree__icSDbYj4ea2EnlXu694oG:before {
    content: "";
    background-color: #6400e4;
    height: 5.625rem;
    width: 100%;
    position: absolute;
    top: 0; }

.graphicBackground__yEmVphs3YB8SBmDRbidXX {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none; }

.graphicBottomLeft__2S02oMNW7ljkY9djMBLSie {
  position: absolute;
  bottom: -50rem;
  left: -50rem; }
  @media only screen and (min-width: 48rem) {
    .graphicBottomLeft__2S02oMNW7ljkY9djMBLSie {
      bottom: -50rem;
      left: 0; } }

.graphicBottomRight__1ZCV6AgtHjE58dPJWlFTT6 {
  position: absolute;
  min-height: 100%;
  top: -90px;
  right: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
  color: #141c3a; }


/*# sourceMappingURL=corporate.894f7b1271cb7e9d6c0c.css.map*/