.blur{filter:blur(3px);background-color:#fff;background-color:#efefef}html,body{font-family:Open Sans,sans-serif;font-weight:300;margin:0;height:100%;font-size:18px}@media only screen and (max-width: 411px){html,body{font-size:16px}}h1,h2,h3,h4{font-family:Lato,sans-serif;font-weight:300}h1{font-size:64px}@media only screen and (max-width: 650px){h1{font-size:36px}}h2{line-height:2;margin-top:50px}h3{font-size:22px}p,li{line-height:1.5}b{font-weight:500}a{text-decoration:none;color:#888}a:hover{color:#aaa}.logo img{width:200px}.header{padding:50px 30px}.body-container{width:100%;padding:50px 0 0}.content-container{padding:0 30px 50px}footer{width:100%;text-align:center;padding:50px 0;background-color:#000;color:#fff}footer a{text-decoration:none;color:#bbb}footer a:hover{text-decoration:underline;color:#c4c4c4}footer p{text-align:center}.nav{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;justify-content:stretch;align-items:center;width:100%}.nav>div{display:flex}.nav-links{justify-self:end}.nav-links a{margin:0 40px}@media only screen and (max-width: 1150px){.nav-links a{margin:0 30px}}@media only screen and (max-width: 950px){.nav{grid-template-columns:1fr}.nav>div{margin:0 auto}.nav-links{justify-self:normal;padding:30px 0}.nav-links a{margin:0 30px}}@media only screen and (max-width: 650px){.nav-links{display:grid!important;padding:20px 0 0}.nav-links a{margin:0 auto;padding:10px 0}}.cta-button{line-height:25px;padding:10px 20px;text-align:center;text-decoration:none;border:solid 1px #000;font-weight:300;display:inline-block;margin:10px;text-transform:uppercase;color:#000;letter-spacing:.5px}.cta-button-heavy{background-color:#000;border:solid 1px #000;color:#fff;text-transform:uppercase;letter-spacing:.5px}.cta-button:hover{background-color:#c4c4c4;text-decoration:none;color:#000}.hero-quotes{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:80px;grid-row-gap:30px}.hero-quotes>div{display:flex}@media only screen and (max-width: 411px){.hero-quotes{grid-template-columns:1fr}}.success-messages{margin:50px 0;padding:10px;text-align:center;background-color:#90ee90;color:#000;border-radius:4px}.error-messages{margin:50px 0;padding:10px;text-align:center;background-color:pink;color:#000;border-radius:4px}.alert-banner{width:100%;line-height:50px;background-color:red;color:#fff;font-size:28px;text-align:center}.adBanner{background-color:transparent;height:1px;width:1px}.blog-list-item{margin:50px 0}.blog-list-item .title{font-size:28px;line-height:1.5}label{padding:20px 20px 2px 0;display:block}input{margin:2px 0}input[type=text],input[type=email],input[type=password]{width:200px;font-size:18px}button{margin:10px 0;font-size:18px;background-color:#eee}.form .cell{max-width:300px}.form input[type=text],.form input[type=email],.form input[type=password]{border:solid 1px #999999}@media (max-width: 420px){.form .cell{display:block}}form .field{padding:5px 0}form .field p{margin:2px 0}small{font-size:14px}.success{color:green;font-weight:700}.error{color:red;font-weight:700}.marketing-sect{text-align:center;overflow:auto;padding:40px 0}.marketing-sect .hero-tagline{margin-top:30px;margin-bottom:60px;text-align:center}.marketing-sect-footer{margin:50px 0}.hero-sect{overflow:auto;padding:70px 0 0}.your-instructor img{width:75%}@media only screen and (max-width: 650px){.hero-sect{padding:0}}.hero-quote{text-align:center;font-family:Open Sans,sans-serif;font-weight:300;font-size:28px;line-height:1.5;padding:0 150px}@media only screen and (max-width: 650px){.hero-quote{font-size:18px;padding:0 10px}}.hero-video{text-align:center}.hero-video iframe{width:1000px;height:600px}@media only screen and (max-width: 1000px){.hero-video iframe{width:600px;height:400px}}@media only screen and (max-width: 850px){.hero-video iframe{width:500px;height:300px}}@media only screen and (max-width: 650px){.hero-video iframe{width:300px;height:200px}}.val-props{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:50px;grid-auto-flow:row;justify-content:stretch;align-items:center;width:100%}.val-props p{line-height:2}@media only screen and (max-width: 850px){.val-props{grid-template-columns:1fr}}.course-tiles{display:grid;grid-template-columns:repeat(2,minmax(300px,500px));justify-items:center;justify-content:center;align-items:center;align-content:center;grid-column-gap:30px;grid-row-gap:50px}.course-tiles>div{display:flex;padding:70px 50px;color:#fff;text-align:left}@media only screen and (max-width: 850px){.course-tiles{grid-template-columns:1fr}}.course-tile h3{display:inline;font-size:28px;line-height:1.5;font-weight:300;color:#fff}.course-tile .price{float:right;font-size:28px;line-height:1.5}.course-tile .subtitle,.course-tile .blurb{line-height:2}.course-tile .blurb{margin:50px 0;height:150px}.course-tile a{display:block;width:100%;color:#fff;line-height:30px;text-align:center;padding:10px 0;font-weight:300;letter-spacing:.5px;text-transform:uppercase}.course-tile a:hover{color:#000}.course-tile .action-bar{width:100%;text-align:center}.course-tiles .cta-button{margin:0 auto}@media only screen and (max-width: 650px){.course-tile .blurb{height:auto}}@media only screen and (max-width: 411px){.course-tiles .course-tile{padding:20px}.course-tiles h3{font-size:28px}.course-tiles .price{float:none;display:block;font-size:18px;margin:20px 0}.course-tiles .cta-button{width:80%!important}}pre>code{font-family:Source Code Pro,monospace;font-weight:300;font-size:16px}.toc{margin:50px 0}.blog-content{width:900px;margin:0 auto}.blog-content{margin:0 auto}.blog-content img{width:100%;margin:0 auto}@media only screen and (max-width: 900px){.blog-content{width:auto;padding:0 20px}}@media only screen and (max-width: 411px){.blog-content{padding:0 10px}}.blog-content h1{font-size:60px;margin-top:125px;line-height:80px}.blog-content h2{font-size:30px;margin-top:50px;line-height:80px}.blog-content h3{margin-top:50px}.blog-content p{text-align:justify}.blog-content .side-note{margin:50px 0;border:solid 1px #999;border-width:0px 0px 0px 1px;padding:10px 20px;font-style:italic}.course-header{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;color:#fff;padding:50px 30px}.course-header-container{width:1150px;margin:0 auto}.header-info{width:50%}.header-info h1{font-size:30px}.header-info .subtitle,.header-info .blurb{line-height:2}.header-info .blurb{margin:30px 0 10px;min-height:200px}.header-info a{font-weight:400;color:#fff}.header-preview{float:right;width:444px;background-color:#fff}.header-preview .thumbnail{width:444px;height:250px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}.header-preview .footer{width:100%;text-align:center}.header-preview .footer a,.header-preview-mobile a{display:block;line-height:25px;text-align:center;padding:10px;margin:20px auto;font-weight:300;text-transform:uppercase;letter-spacing:.5px;background-color:#c4c4c4;color:#fff;width:325px}.header-preview .footer a:hover{color:#333}.header-preview-mobile{display:none}@media only screen and (max-width: 650px){.body-content{padding:10px!important}.course-header{padding:30px 30px 0}.course-header-container{all:unset}.header-info{width:80%}.header-info .blurb{margin:20px 0 10px;padding-bottom:50px;min-height:0px}.header-preview{display:none}.header-preview-mobile{display:block}}.thumbnail .overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.1}.thumbnail .play-button{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(https://lrn-fluttercrashcourse.b-cdn.net/icons/play-button@3x.png);background-repeat:no-repeat;background-size:38px 47px;background-position:center}.lesson-tiles{display:grid;grid-template-columns:repeat(3,303px);grid-column-gap:80px;grid-row-gap:80px;justify-content:center;padding:50px 0}.lesson-tiles .lesson-tile{display:grid;grid-template-rows:1fr}.lesson-tile .thumbnail{width:303px;height:170px;position:relative;background-size:contain;background-repeat:no-repeat}.lesson-tile .footer{height:100px;padding:2px 0}.lesson-tile .title{font-weight:400;line-height:25px;text-align:left;margin:5px 0}.lesson-tile .subtitle{line-height:25px;text-align:left;margin:5px 0;font-size:.9em}@media only screen and (max-width: 650px){.lesson-tiles{grid-template-columns:repeat(1,303px)}}.checkout-button{background-color:#6772e5;color:#fff;padding:8px 12px;border:0;border-radius:4px;font-size:1em}.player-container{display:flex;width:100%}.right-page-column{width:350px;overflow:scroll;overflow-x:hidden}.left-page-column{flex:1}@media only screen and (max-width: 1200px){.player-container{display:block}.playlist{width:100%}.left-page-column{flex:none}}.video-container{width:100%;max-width:1800px}.playlist-header{width:100%;border:solid 1px #999;border-width:1px 0px 1px 0px}.playlist-header .switcher{display:flex;align-items:center}.playlist-header .switcher .cell{padding:10px;flex:1}.playlist-header .switcher .next-lesson{text-align:right}.playlist-header .title .curr-lesson{padding:0 10px}.playlist-header .title .curr-lesson h1{margin:20px 0 5px;font-size:26px}.playlist-header .notes .curr-notes{padding:5px 10px}.playlist-items .playing{background-color:#eee}.playlist-item{padding:10px 5px;border:solid 1px #999;border-width:0px 0px 1px 0px}.playlist-item p{margin:3px 0}.playlist-item .row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.playlist-items .col1{display:felx;flex-basis:25%;flex-direction:column}.playlist-items .col2{display:felx;flex-basis:75%;flex-direction:column}.playlist-item .title{font-weight:400}.playlist-item .subtitle{font-weight:300}.playlist .icon{width:20px;margin-top:5px;clear:both}.player-footer{padding:20px 30px}.player-footer h2,.player-footer h3{margin:10px 0 0}.shownotes{padding:0 0 30px}.video-container{height:200px}@media only screen and (min-width: 300px){.video-container{height:200px}}@media only screen and (min-width: 600px){.video-container{height:600px}}.video-js{width:100%;height:100%}