@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");html{font-size:16px}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}img{max-width:100%;height:auto}*{box-sizing:border-box}body{font-family:Open Sans;background:linear-gradient(90deg,var(--bg-main) 15px,transparent 1%) 50%,linear-gradient(var(--bg-main) 15px,transparent 1%) 50%,var(--bg-dots);background-size:16px 16px;margin:0}a{color:var(--text-links);text-decoration:none}.navbar{border-bottom:1px solid #ccc;position:fixed;width:100%;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main);padding:10px}.navbar h1{font-size:20px;font-weight:700;color:var(--text-main)}.navbar h1,.navbar h2{margin:inherit;padding:inherit}.navbar h2{font-size:14px;margin-left:15px;text-transform:uppercase}.navbar-info{display:flex;flex-direction:row;align-items:center;justify-content:center}header .cta-btn{display:none}.main .cta-btn{width:90%;margin:20px auto 0;max-width:500px;padding:12px 20px}.cta-btn{border-radius:10px;background:var(--nav-buttons);color:var(--nav-buttons-text);padding:7px 20px;display:flex;justify-content:center;align-items:center}.jumbotron{padding:0}.jumbotron .courseIcon,.jumbotron .courseInfo{padding:20px;text-align:center}.author{margin-top:40px;display:flex;justify-content:center}@media (min-width:1000px){header .cta-btn{display:flex}.main .cta-btn{display:none}.jumbotron{display:flex;width:100%;min-height:45vh}.jumbotron .courseIcon,.jumbotron .courseInfo{display:flex;justify-content:center;align-items:center}.jumbotron .courseInfo{width:65%;text-align:right}.jumbotron .courseIcon{width:35%;display:flex;align-items:center;justify-content:center}.author{justify-content:flex-end}.jumbotron .courseInfo-inner{max-width:85%}}.jumbotron h1,.jumbotron h2{color:var(--text-main-headers)}.jumbotron h1{font-size:50px;margin-bottom:20px}.jumbotron .courseInfo{background:var(--primary)}.jumbotron .courseIcon{background:var(--secondary)}.jumbotron .courseIcon img{max-width:180px}.author .info{padding:10px}.author .name{font-size:18px;font-weight:700;color:var(--text-main-headers)}.author .company{color:var(--text-main-headers);font-size:16px}.author .image{border-radius:75px;overflow:hidden;height:75px;width:75px}.navbar-brand.navbar-brand a{text-transform:uppercase;font-weight:700}.lesson-section-title,.navbar-brand.navbar-brand a{color:var(--text-main-headers)}.lesson-container{position:relative;max-width:900px;padding:10px 40px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);background-color:var(--bg-lesson);border-radius:5px;margin:40px auto 45px}.lesson{margin:15px;padding:15px;border-radius:8px}.lesson>h1{color:var(--text-header);font-size:24px}.lesson h2{font-size:24px;margin-top:20px;margin-bottom:10px}.lesson h2:after{content:"";display:block;height:3px;margin-top:5px;background:var(--text-header);max-width:300px}.lesson p{clear:both}.lesson li,.lesson p{line-height:180%}.lesson-links{font-size:18px;padding:15px 0}.next{float:right}.prev{float:left}.lesson-title{text-transform:uppercase;font-weight:700}.gatsby-highlight{padding:4px;border-radius:4px;display:flex;justify-content:space-between;flex-direction:column;align-items:stretch}.lesson-content td{border:1px solid #000;padding:8px}.lesson-content td input{min-width:300px}.lesson-content img{margin:5px auto;display:block}.lesson-flex{display:flex;flex-direction:column;justify-content:center;align-items:center}.random-tweet{width:100%;margin-top:100px}.fem-link{text-align:center}.content-container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding-top:50px}blockquote{padding:15px;background-color:var(--emphasized-bg);border:2px solid var(--emphasized-border);border-radius:5px;width:100%;margin:10px 0}blockquote>:last-child{margin-bottom:0}.lesson-content img{max-width:100%}.main-card{max-width:900px;margin:0 auto;overflow:hidden}.lesson-title{font-size:20px;padding:15px 30px}.lesson-content{line-height:1.5}.lesson-text{width:100%;padding:25px 5px 25px 35px;min-height:200px}.sections-name,ol.sections-name{margin:0;padding:0}ol.sections-name{counter-reset:my-awesome-counter;list-style:none;width:98%}ol.sections-name>li{counter-increment:my-awesome-counter;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:35px;width:100%;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);border-bottom-right-radius:5px;border-top-right-radius:5px}ol.sections-name .lesson-preface{color:var(--icons);display:flex;position:relative;align-items:center;justify-content:center;background:#93aca7;font-size:30px;padding:25px;width:30%}.lesson-preface.lesson-preface>svg{width:80%;height:inherit;max-height:100px}ol.sections-name .lesson-preface:before{content:counter(my-awesome-counter);position:absolute;top:0;left:5px;font-size:20px;font-weight:700;color:var(--icons)}ol.sections-name .lesson-details{display:flex;flex-basis:100%;flex:1 1;background:var(--bg-lesson);position:relative}.details-bg{--corner-fill:var(--corner-inactive);transition:fill .25s;width:10%;height:0;padding-bottom:10%;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;right:0}.details-bg>svg{width:100%;height:auto}.details-bg>svg path{transition:fill .25s}.lesson-container .details-bg,.lesson-details:hover .details-bg{--corner-fill:var(--corner-active)}@media (min-width:1000px){ol.sections-name>li:before{border-bottom-left-radius:5px;border-top-left-radius:5px}ol.sections-name .lesson-details{border-bottom-right-radius:5px;border-top-right-radius:5px}}@media (max-width:600px){.lesson-container{padding:2px}}.lesson-details h3{font-size:22px;border-bottom:1px solid var(--less);padding-bottom:10px;display:inline-block;font-weight:700;margin-bottom:20px}.lesson-links{margin-top:45px;margin-bottom:80px}.lesson-links a{border-radius:10px;background:var(--nav-buttons);color:var(--nav-buttons-text);padding:15px 20px;display:inline-block;display:flex;justify-content:center;align-items:center}.lesson-links a.prev{padding-left:10px}.lesson-links a.next{padding-right:10px}.lesson-links a:hover{background:#152837;text-decoration:none}.lesson-links .arrow{font-size:24px;line-height:24px;padding:0 5px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: a11y-light
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/.hljs{background:#fefefe;color:#545454}.hljs-comment,.hljs-quote{color:#696969}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d91e18}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#aa5d00}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:green}.hljs-section,.hljs-title{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}:root{--primary:#dfa067;--secondary:#93aca7;--highlight:#224159;--text-header:var(--primary);--text-main-headers:var(--highlight);--text-links:#007bff;--text-footer:#333;--bg-main:#fff;--bg-dots:var(--highlight);--bg-lesson:#fff;--nav-buttons:var(--highlight);--nav-buttons-text:#fff;--corner-active:var(--highlight);--corner-inactive:#f4f4f4;--icons:var(--highlight);--emphasized-bg:#dce8ff;--emphasized-border:#aab6d2}.footer{padding:50px 15px;background-color:var(--primary);justify-content:center;color:var(--text-footer)}.footer,.socials{width:100%;display:flex;align-items:center}.socials{max-width:900px;margin:0;padding:0}.social{display:inline-block;list-style:none;margin-right:40px}.social img:hover{opacity:.4}.social img{transition:opacity .25s;width:30px}.terms{font-size:10px}.terms p{margin:3px}.footer a{color:inherit;text-decoration:underline}.social svg{transition:opacity .25s}.social svg:hover{opacity:.4}