.course-list-page{display:flex;justify-content:center}.course-list{position:relative;display:flex;flex-direction:column;align-items:center;margin:30px;max-width:500px}.course-list .course-title{text-align:center;font-weight:500;font-size:1.8em;margin-top:.6em}.course-list .chap-list{margin:1em 0;border-radius:15px;box-shadow:var(--shadow);overflow:hidden;width:100%}.course-list .chap-link{border-radius:0;font-size:1em;height:4em;padding:7px 15px}.course-list .divider{margin:0 auto;width:90%}.credits{margin-top:3em}.credits h3{width:100%;text-align:center;margin-bottom:.5em;font-size:1.3em;font-family:var(--font-website);font-weight:400}.credits a{color:var(--purple4)}.credits a:hover{text-decoration:underline}.toggle:checked~.unchecked,.toggle:not(:checked)~.checked{display:none}input.toggle[type=checkbox]{height:0;width:0;visibility:hidden}label.toggle-label{cursor:pointer;text-indent:-9999px;width:3.6em;height:1.62em;background:transparent;border:2px solid var(--purple4);display:block;border-radius:100px;position:relative}label.toggle-label:after{content:"";position:absolute;top:.099em;left:.09em;width:1.44em;height:1.44em;background:var(--purple4);border-radius:100%;transition:.3s}input.toggle:checked+label:after{left:calc(100% - .09em);transform:translateX(-100%)}input.toggle:not(:disabled)+label.toggle-label:active:after{width:1.8em}input.toggle:checked~label.toggle-info-right,input.toggle:not(:checked)~label.toggle-info-left{pointer-events:none;color:var(--darkerText);font-weight:500}.toggle-info{line-height:1.2em;font-size:1em;position:relative;cursor:pointer}.toggle-info-left{top:-1.5em;left:-5em}.toggle-info-right{top:-2.7em;left:6em}@media(max-width:1023px){.toggle-info-left{left:-4em}.toggle-info-right{left:4.8em}}.youtube-container{width:100%;margin:auto;height:0;padding-bottom:56.25%;min-width:500px}@media(min-width:1441px){.youtube-container{min-width:750px}}@media(max-width:1023px){.youtube-container{min-width:150px;max-width:500px}}.youtube-vid-container{width:100%;height:0;padding-bottom:56.25%;position:relative;border-radius:25px;filter:drop-shadow(0 0 21px rgba(38,40,106,.7));overflow:hidden;margin:auto}.youtube-vid-container .youtube-video{position:absolute;width:100%;height:100%}#chap-wrapper{position:relative;display:flex;justify-content:center;flex-direction:row;width:100%;margin-bottom:3em;background-color:#fff}#chap-wrapper #chapter{padding-top:.5em;width:92%;display:flex;justify-content:start;flex-direction:column}@media(min-width:769px){#chap-wrapper #chapter{padding-top:2em}}@media(min-width:769px)and (max-width:1024px){#chap-wrapper #chapter{width:82%}}@media(min-width:1025px)and (max-width:1440px){#chap-wrapper #chapter{width:70%}}@media(min-width:1441px){#chap-wrapper #chapter{width:60%}}#chap-wrapper #chapter #chapter-content{font-family:var(--font-content)}#chap-wrapper #chapter #chapter-content h2{font-size:1.3em;margin:.7em 0}#chap-wrapper #chapter #chapter-content h2:not(.no-top){display:flex;flex-direction:column}#chap-wrapper #chapter #chapter-content h2:not(.no-top):before{content:"";border:var(--border);width:40%;margin:0 auto 2em}#chap-wrapper #chapter #chapter-content li,#chap-wrapper #chapter #chapter-content ol,#chap-wrapper #chapter #chapter-content p,#chap-wrapper #chapter #chapter-content ul{font-family:var(--font-content);font-size:16px;line-height:1.34em;font-weight:300}@media(min-width:1024px)and (max-width:1439px){#chap-wrapper #chapter #chapter-content li,#chap-wrapper #chapter #chapter-content ol,#chap-wrapper #chapter #chapter-content p,#chap-wrapper #chapter #chapter-content ul{line-height:1.4em;font-size:17px}}@media(min-width:1440px){#chap-wrapper #chapter #chapter-content li,#chap-wrapper #chapter #chapter-content ol,#chap-wrapper #chapter #chapter-content p,#chap-wrapper #chapter #chapter-content ul{line-height:1.5em;font-size:18.5px}}#chap-wrapper #chapter #chapter-content ol,#chap-wrapper #chapter #chapter-content ul{margin-top:-.7em}#chap-wrapper #chapter #chapter-content .open-card{border-radius:15px;padding:16px;margin:16px 0;box-shadow:0 0 14px -3px rgba(0,0,0,.5)}#chap-wrapper #chapter #chapter-content .open-card .we-need{width:100%;height:3em;margin-bottom:2em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}#chap-wrapper #chapter #chapter-content .open-card .we-need .icons{height:2em;overflow:hidden;text-align:center;color:var(--purple4)}#chap-wrapper #chapter #chapter-content .open-card .we-need li,#chap-wrapper #chapter #chapter-content .open-card .we-need ol,#chap-wrapper #chapter #chapter-content .open-card .we-need p,#chap-wrapper #chapter #chapter-content .open-card .we-need ul{text-align:center;margin:0}#chap-wrapper #chapter #chapter-content .open-card .learn-more{width:100%;color:var(--purple4)}#chap-wrapper #chapter #chapter-content .figure-wrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#chap-wrapper #chapter #chapter-content .figure-wrapper .figCaption{font-style:italic;font-family:var(--font-content);text-align:center}#chap-wrapper #chapter #chapter-content .figure-wrapper figure{max-width:96%;box-shadow:none;margin:0;border-radius:15px;padding:0;transition:max-width .6s ease-in-out,border .6s ease-in-out,margin .6s ease-in-out,box-shadow .6s ease-in-out,padding .6s ease-in-out}#chap-wrapper #chapter #chapter-content .figure-wrapper figure img{border-radius:15px 15px 0 0}@media(min-width:768px)and (max-width:1023px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure{max-width:55%}}@media(min-width:1024px)and (max-width:1439px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure{max-width:50%}}@media(min-width:1440px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure{max-width:40%}}#chap-wrapper #chapter #chapter-content .figure-wrapper figure:hover{transition:max-width .3s ease-in-out,border .3s ease-in-out,margin .3s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out;padding:15px}@media(min-width:768px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure:hover{margin:20px 0;box-shadow:var(--shadow)}}@media(min-width:768px)and (min-width:768px)and (max-width:1023px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure:hover{max-width:100%}}@media(min-width:768px)and (min-width:1024px)and (max-width:1439px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure:hover{max-width:85%}}@media(min-width:768px)and (min-width:1440px){#chap-wrapper #chapter #chapter-content .figure-wrapper figure:hover{max-width:65%}}#chap-wrapper #chapter #chapter-content .next-button{font-size:1.3em;margin:auto;min-width:100%;text-align:center;border-radius:5px}#chap-wrapper .title-block{margin-bottom:2em;position:relative}#chap-wrapper .title-block .page-title{font-size:1.9em;font-weight:500;margin-bottom:0}#chap-wrapper .title-block .page-descrip{padding:.8em 0;display:flex;flex-wrap:wrap;justify-content:space-between}#chap-wrapper .title-block .page-descrip li,#chap-wrapper .title-block .page-descrip ol,#chap-wrapper .title-block .page-descrip p,#chap-wrapper .title-block .page-descrip ul{font-size:.9em}@media(min-width:769px){#chap-wrapper .title-block .page-descrip li,#chap-wrapper .title-block .page-descrip ol,#chap-wrapper .title-block .page-descrip p,#chap-wrapper .title-block .page-descrip ul{font-size:.7em}}#chap-wrapper .title-block .page-descrip .descrip-line{white-space:nowrap;margin:0}#chap-wrapper .title-block .page-descrip .descrip-line i{font-size:1em}#chap-wrapper .title-block .page-descrip #read-time{margin-right:10em}#main-chap{width:100%;height:calc(100vh - var(--nav-height));display:grid;grid-template-columns:1fr}#main-chap #nav-chap{overflow-y:scroll;display:none;position:relative;border-right:var(--border);background-color:var(--grey0);margin:0}#main-chap #content-chap{overflow-y:scroll}@media(min-width:769px){#main-chap{grid-template-columns:2fr 5fr}#main-chap #nav-chap::-webkit-scrollbar{display:none}#main-chap #nav-chap{display:block;-ms-overflow-style:none;scrollbar-width:none}}@media(min-width:1025px){#main-chap{grid-template-columns:1fr 3fr}}.sidenav{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;padding:2em 0 0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-family:var(--font-content)}.sidenav .top-side-nav{border-bottom:var(--border)}.sidenav .top-side-nav .description{padding:0 .5em 1.5em}.sidenav .top-side-nav .description .course-title{text-align:center;font-size:1.7em;font-weight:500}.sidenav .difficulty-button{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-size:.8em;color:var(--almostBlack)}.sidenav .difficulty-button:active label.toggle-label:after{width:2em}.sidenav .difficulty-button .diff{margin:0}.sidenav .difficulty-button:after{content:"";width:60%;bottom:.75em;position:absolute;border:var(--border)}.sidenav .bottom-side-nav{padding:1em 10px;font-size:.9em}.chap-link{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .1s ease-in-out;font-weight:400;color:var(--darkText);height:3.3em;font-size:.8em;padding:2.5px 10px}@media(min-width:1441px){.chap-link{font-size:.9em;height:4em;padding:2px 10px}}.chap-link .chap-icon{max-height:96%;width:auto;margin-right:15px}@media(max-width:1023px){.chap-link{font-size:.8em;padding:5px 5px 0}.chap-link .chap-icon{max-height:90%}}.chap-link .chap-done{margin-left:auto}.chap-link .chap-done .material-icons{font-size:1.5em}@media(min-width:769px)and (max-width:1024px){.chap-link{justify-content:left}}.chap-link.bottom-chap-list{background:#dcc6fc;background:linear-gradient(90deg,#dcc6fc,#b0d2fc)}@media(min-width:769px){.chap-link:hover{background-color:var(--grey1)}}.chap-link.active{background-color:#dfdff8;font-weight:500;color:var(--darkerText)}.no-javascript{text-align:center;padding:4em 0;width:100%;display:block}.ref-link{white-space:nowrap}.ref-link img{height:.7em;margin:0 .2em .2em 0;transition:all .2s ease-in-out;filter:brightness(80%)}.ref-link img:hover{filter:brightness(100%);height:.78em}.youtube-container{margin:10px auto 55px!important;min-width:0!important}.top-social-share{position:relative}@media(max-width:1024px){.top-social-share{display:flex;justify-content:flex-end}}.bottom-social-share{margin-bottom:25px;position:relative;display:flex;justify-content:space-between}.social-icons{display:flex;margin:0}.social-icons .social-icon{height:1.3em;width:1.3em;padding:.5em;margin:.4em;border-radius:100%;background-color:var(--purple2);display:flex;align-items:center;justify-content:center;position:relative}.social-icons .social-icon img{height:1em;width:auto;z-index:0}.social-icons .social-icon:hover{cursor:pointer}.social-icons .social-icon#whatsapp:hover{background-color:#25d366}.social-icons .social-icon#linkedin:hover{background-color:#0077b5}.social-icons .social-icon#twitter:hover{background-color:#1da1f2}.social-icons .social-icon#instagram:hover{background-color:#e1306c}.social-icons .social-icon#facebook:hover{background-color:#3b579d}.social-icons .social-icon#copy:hover{background-color:var(--purple4)}@media(min-width:1025px){.social-icons.not-small{position:absolute;left:-18%;top:calc(100% + 3em);flex-direction:column}.social-icons.not-small:before{text-align:center}.social-icons .social-icon.mobile-only{display:none}}@media(max-width:1024px){.social-icons .desktop-only{visibility:hidden}}@media(max-width:767px){.social-icons .tablet-plus-only{display:none}}.social-icons #page-url{display:none}.certificate-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}#certificate-link{background-color:#fbc38b}