code{font-family:monospace;font-size:1.2em;padding:3px 5px;background-color:#f4f4f4;border-radius:1px;color:#3c4040}.try-it-code{background-color:#EBF7EA;color:#60bc57;border:1px solid #60bc57;border-radius:1px;padding-left:5px;padding-right:5px}.practice-code{background-color:#E6E6E6;color:#3c4040;border:1px solid #3c4040;border-radius:1px;padding-left:5px;padding-right:5px}.mild-code{background-color:#FAFDEC;border:1px solid #F2FD8C}.medium-code{background-color:#FEF8ED;border:1px solid #FEDBA3}.spicy-code{background-color:#FFF2F1;border:1px solid #FEC2BB}pre{padding:0.5rem 0.8rem;margin-bottom:1.5rem;font-family:monospace;font-size:1rem;line-height:1.5rem;overflow:auto}.try-it pre,.challenge-container pre{border:1px solid #5F5F5F;background-color:#5F5F5F;color:white;font-size:1.25rem;border-radius:2px}.highlight .hll{background-color:#d6d6d6}.highlight{background:#f4f4f4;color:#4d4d4c}.highlight .c{color:#8e908c}.highlight .err{color:#c82829}.highlight .k{color:#8959a8}.highlight .l{color:#f5871f}.highlight .n{color:#4d4d4c}.highlight .o{color:#3e999f}.highlight .p{color:#4d4d4c}.highlight .cm{color:#8e908c}.highlight .cp{color:#8e908c}.highlight .c1{color:#8e908c}.highlight .cs{color:#8e908c}.highlight .gd{color:#c82829}.highlight .ge{font-style:italic}.highlight .gh{color:#4d4d4c;font-weight:bold}.highlight .gi{color:#718c00}.highlight .gp{color:#8e908c;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#3e999f;font-weight:bold}.highlight .kc{color:#8959a8}.highlight .kd{color:#8959a8}.highlight .kn{color:#3e999f}.highlight .kp{color:#8959a8}.highlight .kr{color:#8959a8}.highlight .kt{color:#eab700}.highlight .ld{color:#718c00}.highlight .m{color:#f5871f}.highlight .s{color:#718c00}.highlight .na{color:#4271ae}.highlight .nb{color:#4d4d4c}.highlight .nc{color:#eab700}.highlight .no{color:#c82829}.highlight .nd{color:#3e999f}.highlight .ni{color:#4d4d4c}.highlight .ne{color:#c82829}.highlight .nf{color:#4271ae}.highlight .nl{color:#4d4d4c}.highlight .nn{color:#eab700}.highlight .nx{color:#4271ae}.highlight .py{color:#4d4d4c}.highlight .nt{color:#3e999f}.highlight .nv{color:#c82829}.highlight .ow{color:#3e999f}.highlight .w{color:#4d4d4c}.highlight .mf{color:#f5871f}.highlight .mh{color:#f5871f}.highlight .mi{color:#f5871f}.highlight .mo{color:#f5871f}.highlight .sb{color:#718c00}.highlight .sc{color:#4d4d4c}.highlight .sd{color:#8e908c}.highlight .s2{color:#718c00}.highlight .se{color:#f5871f}.highlight .sh{color:#718c00}.highlight .si{color:#f5871f}.highlight .sx{color:#718c00}.highlight .sr{color:#718c00}.highlight .s1{color:#718c00}.highlight .ss{color:#718c00}.highlight .bp{color:#4d4d4c}.highlight .vc{color:#c82829}.highlight .vg{color:#c82829}.highlight .vi{color:#c82829}.highlight .il{color:#f5871f}html,body{box-sizing:border-box;width:100%;height:100%;margin:0;font-family:'Montserrat', sans-serif}*,*:before,*:after{box-sizing:inherit}p{line-height:1.6em}li{line-height:2em}img{max-width:100%}.hidden{display:none}a{color:#30692a;border-bottom:1px solid;text-decoration:none;transition:all 0.5s}a:hover{color:#60bc57}iframe{border:1px solid #98a1a2;margin-bottom:1em}blockquote{margin-bottom:1em;padding-left:1em;border-left:5px solid #ced2d2}blockquote p{font-size:16px;font-style:italic;line-height:1.8;margin-bottom:0.5em}blockquote footer{border:none;margin-top:0;padding-top:0;text-align:right;font-size:1.5em;font-style:italic}blockquote footer::before{content:'— '}footer{border-top:1px dashed #b3b9ba;margin-top:5em;padding-top:2em}.container{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 720px){.container{flex-direction:column}}header{margin-bottom:2em}header>h1{font-weight:400;line-height:1.2em}header>h1>small{display:block;font-weight:300}@media (max-width: 720px){.content:100%}.underline{text-decoration:underline}.kwk-logo{height:100px}.main-h1{margin:0;margin-top:5px}.navbar{box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)}.navbar h2{padding-top:10px;padding-left:1em;font-size:1em;margin:0;color:#3c4040;text-transform:uppercase}.navbar .main-h1{font-size:1.2em}.navbar .main-h1 .home{border-bottom:none}.navbar-navigation{background-color:#323232;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3%}@media (max-width: 900px){.navbar-navigation{flex-direction:column}}.navbar-navigation--links{display:flex;flex-direction:row}.navbar-navigation--links a{display:block;margin:0.5em 1.25em;padding-bottom:0.25em;border-bottom:3px solid #323232;color:#fff;text-align:center}.navbar-navigation--links a:hover{color:#60bc57}.navbar-navigation--links a:active{color:#60bc57}.navbar-navigation--links .active-link{border-bottom:3px solid #60bc57}.navbar-navigation--links .web-app-drop-down,.navbar-navigation--links .mobile-app-drop-down{position:relative}.navbar-navigation--links .web-app-options,.navbar-navigation--links .mobile-app-options{display:none;position:fixed;top:70px;border:1px solid #e8eaeb;background:#fff;padding-left:0;width:200px}.navbar-navigation--links .web-app-options li,.navbar-navigation--links .mobile-app-options li{list-style:none;text-align:center}@media (max-width: 900px){.navbar-navigation--links .web-app-options,.navbar-navigation--links .mobile-app-options{top:117px;width:175px}}.navbar-navigation--links .web-app-option,.navbar-navigation--links .mobile-app-option{margin:0;padding:1px 6px;text-align:center}@media (max-width: 600px){.navbar-navigation--links{flex-direction:column;align-items:center}}@media (max-width: 900px){.web-app-options,.mobile-app-options{top:131px}}.login-icon{height:20px}.login-form{display:flex;flex-direction:column;margin:0 auto;width:300px}.login-form label{display:block;margin-bottom:0.25em}input{padding:0.4em;margin-bottom:1em}input[type='text'],input[type='password']{color:#323232;width:300px}#login-submit,#logout-submit{background-color:#60bc57;color:#fff;cursor:pointer;border:none;font-weight:600;width:300px}.logout-form{margin:0 auto;width:300px}.content{padding:2em;width:80%;margin-left:10%}.main-content h1:first-child,.main-content h2:first-child,.main-content h3:first-child,.main-content h4:first-child,.main-content h5:first-child,.main-content h6:first-child{margin-top:1em}ul.module-quick-links{font-weight:100;display:flex}#module-list{align-content:center}.title{text-align:center}.html-tags-detail{height:500px}.img-tag-anatomy{height:250px;margin:3% 0}.image-ratio{height:250px}.to-do{background-color:coral}.xx-small{width:24%}.extra-small{width:30%}.small{width:47.5%}.medium{width:75%}.class-page{display:flex;flex-direction:row;justify-content:space-between;margin-top:40px}.class-page-card{background:#fff;border-bottom:none;box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);margin-bottom:40px;width:30%;border-bottom:none}.class-page-card img{height:190px;object-fit:cover}.class-page-card h2{text-align:center;font-size:140%}table th,td,tr{border:1px solid #e8eaeb;padding:10px}table{border-collapse:collapse;width:100%}textarea{width:100%}.four-container{position:relative;width:50%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.four-oh-four{color:#60bc57;font-size:1000%;display:inline-block;position:absolute;top:31%;transform:rotate(345deg)}.four-img{width:350px;height:auto}.four-message{text-align:center}.challenge-container{padding:10px 20px;margin:10px 0px;border-radius:2px}.mild-heat{background-color:#FBFEDF}.medium-heat{background-color:#FEF2DF}.spicy-heat{background-color:#FEE2DF}.extension-heat{background-color:#EDE6FF}.spicy-click{font-weight:bold;cursor:pointer;margin-top:0.5em;margin-bottom:0.5em}.spicy-toggle{display:none}@media screen and (max-width: 900px){.content{width:85%;margin-left:7.5%}.class-page{flex-direction:column;align-items:center}.class-page-card{width:80%}.class-page-card h1{margin-bottom:10%}.class-page-card img{height:auto}}@media screen and (max-width: 600px){.content{width:95%;margin-left:2.5%}.class-page-card{width:100%}}pre{overflow-x:scroll}.try-it{background-color:#D7EED5;margin-bottom:40px;padding:0.25em 1.5em}.practice{background-color:#DEDEDE;padding:0.25em 1.5em}.practice pre{border:1px solid black;background-color:#323232;color:white}.highlighter-rouge{max-width:100%}.highlighter-rouge pre{white-space:pre-wrap}.codepen-embed-body{margin-bottom:40px}.animation-change-me{height:300px;animation:change 5s infinite}@keyframes change{0%{background-color:#331C82}50%{background-color:#1C8266}100%{background-color:#331C82}}.outlines{display:flex;flex-wrap:wrap}.outlines a{border-bottom:none;background-color:#fff;border:1px solid #e8eaeb;margin-right:1em;margin-bottom:1em;padding:1em}.outlines a:hover{background-color:#e8eaeb;border-color:#98a1a2}.outlines ul{padding-left:0}ul.outlines a{width:18%;text-align:center}@media screen and (max-width: 480px){ul.outlines a{width:90%}}.outline{display:block;list-style:none;margin-left:0;margin-bottom:0}.window{margin:0px auto 30px auto;background:#EDEDED;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 22px 50px 0px rgba(0,0,0,0.35),0 0 0 1px rgba(0,0,0,0.2);text-align:left;z-index:0;visibility:hidden;opacity:0;visibility:visible;opacity:1}.window .terminal-container{border-radius:5px}.window h1.titleInside{margin:0px;position:relative;z-index:2;color:#3c3c3c;font-size:13px;line-height:21px;text-decoration:none;text-shadow:0 1px 1px #e7e7e7;text-align:center;text-transform:capitalize;font-weight:normal}.window nav.control-window{float:left;padding:2px 0px 0px 10px;left:5px;top:3px;z-index:10;height:19px}.window nav.control-window a{display:inline-block;margin:2px 3px 3px 1px;width:12px;height:12px;border-radius:100%;text-indent:-9999px;position:relative;border:none;box-shadow:inset 0 0 1px rgba(0,0,0,0.3)}.window nav.control-window a.close{background:#FB5149}.window nav.control-window a.minimize{background:#FFB429}.window nav.control-window a.maximize{background:#24C238}.window nav.control-window a.deactivate{background:#b5b5b5}div.terminal{background:#333;color:#DDD;white-space:pre-line;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:100%;overflow-x:auto;overflow-y:hidden}div.terminal table{margin-left:10px;margin-right:10px;box-shadow:none}div.terminal tr{padding:0}div.terminal td{vertical-align:top;border:none;padding:0}div.terminal pre{background:none;border:none;margin-top:0.5em;padding-left:0px;padding-top:0px;box-shadow:none;-webkit-box-shadow:none;overflow-x:auto}div.terminal pre span{display:block}div.terminal pre.line-numbers span{display:inline;color:#586e75}div.terminal span.command{color:#FFF}div.terminal span.output{color:#BBB}div.terminal code{background-color:transparent;display:inline;padding:0}.expander-btn{background-color:inherit;border:none;color:#3c4040;outline:none}.expander-btn:hover{color:#98a1a2}.expander-content{background-color:#FAFAFA;overflow:auto;padding-bottom:20px}.arrow-right{transform:rotate(0deg);transition:transform 0.25s linear;height:20px;width:20px}.arrow-right.down{transform:rotate(90deg);transition:transform 0.25s linear}.expander-btn h4{margin:10px 0}.day-label{text-transform:uppercase;cursor:pointer;margin:0;margin-top:12px;padding:1em 1.25em}.day-card{background-color:#D7EED5}.day-toggle{padding:0.25em 0.25em 0.25em 1.25em;background-color:#EBF7EA;display:none;border-bottom:none;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"left middle right"}.day-toggle h4{margin:14px auto 0}.day-toggle ul{margin-top:8px;padding-left:0}.day-toggle li{list-style-type:none;font-size:93%}.day-left{grid-area:left}.day-middle{grid-area:middle}.day-right{grid-area:right}.solo-day-label{text-transform:uppercase;cursor:pointer;margin:0;margin-top:12px;padding:1em 1.25em}.solo-day-card{background-color:#D7EED5}.solo-day-toggle{padding:0.25em 0.25em 0.25em 1.25em;background-color:#EBF7EA;display:none;border-bottom:none}.solo-day-toggle div{padding-right:2em}.solo-day-toggle h4{margin:14px auto 0}.solo-day-toggle ul{margin-top:8px;padding-left:0}.solo-day-toggle ol li{list-style-type:inherit}.solo-day-toggle li{list-style-type:none;font-size:93%}