@font-face {
  font-family: Avenir;
  src: url(font/Avenir/AvenirLTStd-Roman.woff); }
@font-face {
  font-family: "Avenir Bold";
  src: url(font/Avenir/AvenirLTStd-Heavy.woff); }
body {
  margin: 0;
  font-family: Avenir, Museo Sans, Minion, Monserrat, Lato, Helvetica; }

.heavy {
  font-family: "Avenir Bold"; }

.nowrap {
  white-space: nowrap; }

#v2 .button {
  display: inline-block;
  border-radius: 1000px;
  padding: 20px;
  font-size: 15px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer; }
  #v2 .button.white {
    background: white;
    color: #03c750; }
  #v2 .button.green {
    background: #03c750;
    color: white; }
#v2 h3 {
  font-size: 34px;
  font-weight: normal; }
#v2 h4 {
  font-size: 20px; }
#v2 a {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-decoration: none; }
#v2 .section-content {
  margin: 0 auto; }
  @media (min-width: 950px) {
    #v2 .section-content {
      min-width: 950px;
      max-width: 1050px; } }
  @media (max-width: 950px) {
    #v2 .section-content {
      min-width: 320px; } }
#v2 .nowrap {
  white-space: nowrap; }
#v2 section.top .section-content {
  max-width: 1050px; }
  #v2 section.top .section-content .section-content-inner {
    position: relative;
    margin: 37.5px 0; }
    @media (min-width: 950px) {
      #v2 section.top .section-content .section-content-inner {
        height: 600px;
        margin-right: 75px;
        margin-left: 75px; } }
    @media (max-width: 950px) {
      #v2 section.top .section-content .section-content-inner {
        text-align: center;
        margin-bottom: 70px; } }
    #v2 section.top .section-content .section-content-inner .tagline {
      margin-top: 120px; }
      @media (max-width: 950px) {
        #v2 section.top .section-content .section-content-inner .tagline {
          margin-top: 40px; } }
      #v2 section.top .section-content .section-content-inner .tagline .tagline-coursename {
        display: inline-block;
        transition-duration: 250ms; }
        #v2 section.top .section-content .section-content-inner .tagline .tagline-coursename .tagline-coursename-content {
          position: relative;
          display: inline-block;
          transition-duration: 250ms;
          white-space: nowrap;
          font-family: "Avenir Bold"; }
          #v2 section.top .section-content .section-content-inner .tagline .tagline-coursename .tagline-coursename-content.hidden {
            transform: rotateX(0.25turn); }
      #v2 section.top .section-content .section-content-inner .tagline .tagline-coursename-content-test {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        font-family: Avenir Bold;
        cursor: default; }
      #v2 section.top .section-content .section-content-inner .tagline .tagline-after-coursename {
        display: inline-block;
        transition-duration: 250ms; }
        @media (max-width: 500px) {
          #v2 section.top .section-content .section-content-inner .tagline .tagline-after-coursename {
            display: block; } }
        #v2 section.top .section-content .section-content-inner .tagline .tagline-after-coursename.hidden {
          transform: rotateX(0.25turn); }
    #v2 section.top .section-content .section-content-inner .download {
      position: relative; }
      #v2 section.top .section-content .section-content-inner .download .app-store-link {
        transform: matrix(1.5, 0, 0, 1.5, 0, 0); }
      @media (min-width: 950px) {
        #v2 section.top .section-content .section-content-inner .download .app-store-link {
          position: absolute;
          top: 22px;
          left: 33.75px; } }
      @media (max-width: 950px) {
        #v2 section.top .section-content .section-content-inner .download {
          margin-bottom: 48px; } }
      #v2 section.top .section-content .section-content-inner .download .dont-have-ios {
        position: absolute;
        top: 29px;
        left: 250px;
        font-size: 18px;
        color: #303030;
        cursor: pointer; }
        @media (max-width: 950px) {
          #v2 section.top .section-content .section-content-inner .download .dont-have-ios {
            display: none; } }
      #v2 section.top .section-content .section-content-inner .download .enter-phone-number {
        display: none;
        height: 46px;
        position: absolute;
        top: 115; }
        @media (min-width: 950px) {
          #v2 section.top .section-content .section-content-inner .download .enter-phone-number {
            display: block; } }
        #v2 section.top .section-content .section-content-inner .download .enter-phone-number input {
          display: inline-block;
          position: absolute;
          bottom: 0;
          padding: 5 10;
          width: 273px;
          height: 43px;
          border: none;
          border-bottom: 1px solid;
          font-size: 22px;
          font-family: Avenir;
          outline: none; }
        #v2 section.top .section-content .section-content-inner .download .enter-phone-number .button {
          position: relative;
          left: 300;
          font-size: 18px;
          color: #000;
          border: 1px solid black;
          padding: 12 20 10 20; }
      #v2 section.top .section-content .section-content-inner .download .enter-phone-number-done {
        display: none;
        height: 46px;
        color: #000;
        font-size: 24px;
        line-height: 46px;
        padding-left: 72px; }
    @media (min-width: 950px) {
      #v2 section.top .section-content .section-content-inner .iphone {
        position: absolute;
        top: 37.5px;
        right: 0; } }
    @media (max-width: 950px) {
      #v2 section.top .section-content .section-content-inner .iphone {
        position: relative;
        width: 270px;
        margin: auto; } }
    #v2 section.top .section-content .section-content-inner .iphone img {
      position: relative; }
    #v2 section.top .section-content .section-content-inner .iphone video {
      position: absolute;
      top: 72px;
      left: 19px; }
#v2 section.featured-by {
  text-align: center; }
  #v2 section.featured-by .featured-by-bar {
    position: relative;
    padding: 30px 0; }
    #v2 section.featured-by .featured-by-bar .bar {
      border: 1px solid #efefef;
      height: 0px; }
    #v2 section.featured-by .featured-by-bar .featured-by-text {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 175px;
      height: 25px;
      text-align: center;
      display: inline-block;
      margin: auto;
      background: white;
      font-size: 18px; }
  #v2 section.featured-by .section-content-inner {
    position: relative; }
    #v2 section.featured-by .section-content-inner a {
      margin-right: 67.5px; }
      #v2 section.featured-by .section-content-inner a.ydn img {
        display: inline-block;
        position: relative;
        top: -15px; }
      #v2 section.featured-by .section-content-inner a:last-child {
        margin-right: 0; }
#v2 section.course-images {
  padding: 150px 0 130px 0;
  text-align: center; }
  @media (max-width: 950px) {
    #v2 section.course-images {
      padding: 30px 0 30px 0; } }
  #v2 section.course-images .course-row {
    white-space: nowrap; }
  #v2 section.course-images .course-image {
    display: inline-block;
    position: relative;
    margin: 15px 25px;
    border-radius: 1000px;
    width: 240px;
    height: 240px;
    font-size: 18px;
    color: white;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    vertical-align: top; }
    #v2 section.course-images .course-image:hover .course-image-background, #v2 section.course-images .course-image.hover .course-image-background {
      width: 240px;
      height: 240px; }
    #v2 section.course-images .course-image:hover.algorithms .course-image-background, #v2 section.course-images .course-image.hover.algorithms .course-image-background {
      background: #ff5e7e; }
    #v2 section.course-images .course-image:hover.sql .course-image-background, #v2 section.course-images .course-image.hover.sql .course-image-background {
      background: #26d877; }
    #v2 section.course-images .course-image:hover.grammar .course-image-background, #v2 section.course-images .course-image.hover.grammar .course-image-background {
      background: #4294fd; }
    #v2 section.course-images .course-image:hover.swift .course-image-background, #v2 section.course-images .course-image.hover.swift .course-image-background {
      background: #26d877; }
    #v2 section.course-images .course-image:hover.us-history .course-image-background, #v2 section.course-images .course-image.hover.us-history .course-image-background {
      background: #4294fd; }
    #v2 section.course-images .course-image:hover.astrophysics .course-image-background, #v2 section.course-images .course-image.hover.astrophysics .course-image-background {
      background: #363646; }
    #v2 section.course-images .course-image .course-image-background {
      position: absolute;
      margin: auto;
      border-radius: 1000px;
      width: 200px;
      height: 200px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition-duration: 250ms; }
    #v2 section.course-images .course-image .course-image-content {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-family: Avenir Bold; }
    #v2 section.course-images .course-image.algorithms .course-image-image {
      margin-bottom: 24; }
    #v2 section.course-images .course-image.sql .course-image-image {
      margin-bottom: 34; }
    #v2 section.course-images .course-image.grammar .course-image-image {
      margin-bottom: 10; }
    #v2 section.course-images .course-image.swift .course-image-image {
      margin-bottom: 13; }
    #v2 section.course-images .course-image.us-history .course-image-image {
      margin-bottom: 30; }
    #v2 section.course-images .course-image.astrophysics .course-image-image {
      margin-bottom: 20; }
    @media (max-width: 950px) {
      #v2 section.course-images .course-image.sql, #v2 section.course-images .course-image.grammar, #v2 section.course-images .course-image.us-history {
        display: none;
        background: red; }
      #v2 section.course-images .course-image.algorithms, #v2 section.course-images .course-image.swift, #v2 section.course-images .course-image.astrophysics {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
#v2 section.example-card {
  background: black;
  text-align: center;
  overflow: hidden; }
  #v2 section.example-card #particles-js {
    position: absolute;
    width: 100%;
    height: 100%; }
  #v2 section.example-card .section-content {
    position: relative;
    min-width: auto;
    max-width: auto;
    padding: 150px 0; }
    #v2 section.example-card .section-content img {
      vertical-align: middle; }
      @media (max-width: 450px) {
        #v2 section.example-card .section-content img {
          width: 290px;
          height: 222px; } }
#v2 section.big-iphone {
  text-align: center;
  padding-bottom: 158px; }
  #v2 section.big-iphone .title {
    margin: 144px auto 58px auto;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
    font-size: 40px; }
    @media (max-width: 950px) {
      #v2 section.big-iphone .title {
        margin: 67.5px auto 45px auto;
        font-size: 30px; } }
  @media (max-width: 400px) {
    #v2 section.big-iphone img {
      width: 291px;
      height: 600.75; } }
#v2 section.bottom {
  padding: 56px 0;
  background: #02c750;
  text-align: center;
  color: white; }
  #v2 section.bottom h3 {
    padding-right: 40px;
    padding-left: 40px; }
  #v2 section.bottom .bottom-banner {
    margin-top: 90px; }
    #v2 section.bottom .bottom-banner a {
      margin: 0 25px;
      font-size: 20px;
      color: white; }
    #v2 section.bottom .bottom-banner .page-links,
    #v2 section.bottom .bottom-banner .social {
      display: inline-block; }
    @media (min-width: 450px) {
      #v2 section.bottom .bottom-banner .page-links {
        margin-left: 80px;
        float: left; }
      #v2 section.bottom .bottom-banner .social {
        margin-right: 80px;
        float: right; } }
    @media (max-width: 950px) {
      #v2 section.bottom .bottom-banner .page-links {
        margin-left: 40px; }
      #v2 section.bottom .bottom-banner .social {
        margin-right: 50px; } }
    @media (max-width: 450px) {
      #v2 section.bottom .bottom-banner .page-links {
        margin: 0; }
      #v2 section.bottom .bottom-banner .social {
        display: block;
        float: none;
        margin: 40 0; } }
#v2 .modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
  #v2 .modal-background.hidden {
    display: none; }
  #v2 .modal-background .modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 15px;
    padding: 60px 75px;
    width: 100%;
    max-width: 400px;
    height: 175px;
    background: white;
    font-size: 18px; }
    #v2 .modal-background .modal .modal-message {
      padding: 20 0;
      text-align: center;
      font-size: 24px; }
    #v2 .modal-background .modal .email-form {
      position: relative;
      margin-top: 10px;
      height: 58px; }
      #v2 .modal-background .modal .email-form .email-input {
        display: inline-block;
        position: absolute;
        bottom: 0;
        padding: 5 10;
        width: 273px;
        height: 43px;
        border: none;
        border-bottom: 1px solid;
        font-size: 22px;
        font-family: Avenir;
        outline: none; }
      #v2 .modal-background .modal .email-form .button {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 12 20 10 20; }
#v2 #banner {
  display: none;
  background: #ee420b;
  padding: 18px 8px;
  text-align: center;
  color: white;
  font-size: 19px;
  cursor: pointer; }
  #v2 #banner .message {
    display: inline-block; }
    #v2 #banner .message.logo-ph {
      vertical-align: center;
      vertical-align: middle; }
    #v2 #banner .message .msg {
      display: inline-block;
      padding: 18px; }
  #v2 #banner .message.white.button {
    padding: 10px 20px;
    color: #ee420b; }

/*# sourceMappingURL=index.css.map */