article{width:100%;display:flex;flex-direction:column;overflow-wrap:break-word;word-break:break-word}article.max-width{max-width:var(--content-width)}article .bubble-container{margin-bottom:0;font-family:var(--font-special)}article h1,article h2,article h3,article h4,article h5,article h6{margin-bottom:0.2em;font-family:var(--font-main)}article h1,article h2,article h3{font-weight:300}article h4,article h5,article h6{font-weight:500}article h1+time{color:var(--color-dark);font-size:15px}article h1+*,article h2+*,article h3+*,article h4+*{margin-top:0.5em}article h1>code,article h2>code,article h3>code,article h4>code{font-size:0.8em}article h2{font-size:2.0em}article h3{font-size:1.7em}article h4{font-size:1.4em}article h5{font-size:1.2em}article h6{font-size:1.1em;color:var(--color-dark)}article code{margin-top:100px;border-radius:5px;padding:2px 5px;background-color:var(--color-code-bg)}article pre{margin:0;width:100%;overflow-x:auto;white-space:pre-wrap}article pre code{border:0;background-color:inherit;border-radius:0;padding:0;margin:0;white-space:pre}article p:has(>sub){margin:1em 0 0 0}article p:has(>sub) sub{font-family:var(--font-special);color:var(--color-tertiary);font-size:0.9rem}article p:has(>sub)+h1,article p:has(>sub)+h2,article p:has(>sub)+h3,article p:has(>sub)+h4{margin-top:0}article em{font-weight:300}article address{font-style:normal;font-family:var(--font-secondary);margin-top:1.5em;font-size:1.4em}article address a{color:var(--color-tertiary)}article hr.section,article hr.logo{border:none;border-bottom:1px solid var(--color-code-bg)}article hr.section{text-align:center;line-height:0;height:5px;font-size:54px;overflow:visible}article hr.section:after{content:'\2055';display:inline;padding:0 10px;color:var(--color-code-bg);background-color:var(--color-bg)}article hr.logo{font-size:0}article hr.logo:after{content:var(--icon-logo);width:20px;left:50%;position:absolute;transform:translateX(-50%) translateY(-50%);padding:0 10px;background-color:var(--color-bg)}article .text>p:first-child{font-size:25px;line-height:1.3}article .tags small{font-family:var(--font-secondary);color:var(--color-dark)}article .source{color:var(--color-dark);font-size:13px}article .source>*{margin-left:10px}blockquote{border-left:2px solid var(--color-bullet);padding-left:10px;margin:0 10px 0 20px;font-weight:300}blockquote p{margin:0}blockquote+blockquote{margin-top:10px}dl{font-weight:300}dl dt{margin-top:0.7em;font-weight:500}dl dd{margin-left:1em}dl.poem dd{margin-right:1em;padding-left:1em;text-indent:-1em}samp{filter:blur(4px);font-family:var(--font-samp);font-size:var(--samp-font-size);cursor:pointer}samp.on{filter:none;color:var(--color-tertiary)}.lesson-number{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:7px 5px 3px 5px;margin:0 5px;background-color:var(--color-fg);font-family:var(--fontText);color:var(--color-bg);border-radius:50%;width:25px;height:25px;font-size:16px}.lesson-number.current{background-color:var(--color-secondary)}.lesson-number.material-symbols-outlined{font-size:25px;padding:5px;font-family:'Material Symbols Outlined'}a.lesson-number{color:var(--color-fg);background-color:var(--color-link)}ul,ol{padding-inline-start:2em;margin-block-start:0.5em;margin-block-end:0.5em}ul ul,ul ol,ol ul,ol ol{padding-inline-start:1.2em}ul blockquote,ol blockquote{padding-left:0.8em;margin-left:0.2em;margin-right:0.5em}ol ::marker,ul ::marker{color:var(--color-bullet)}ol>li ul>li{list-style-type:initial}ol>li ol>li{list-style:lower-alpha}ol>li ol>li ol>li{list-style:lower-greek}ul>li>ul>li{list-style-type:initial}ul>li>ul>li ul>li{list-style-type:initial}table{table-layout:fixed}table tr:nth-child(odd){background-color:var(--color-row-odd, "#2a2a2a")}table th,table tr:nth-child(even){background-color:var(--color-row-even, "#2f2f2f")}table td,table th{word-break:normal;vertical-align:top;padding:7px}html{--c1: #005F73;--c2: #03989E;--c3: #CA6702;--c4: #EE9B00;--c5: #355691;--c6: #4073A0;--c7: #3C5A14;--c8: #598B2C;--c9: #9B2226;--c10: #B18FCF}.c1{background-image:linear-gradient(225deg, #005F73 50%, transparent 50%);border-top-color:#005F73}.c1 .control a,.c1 .header a{color:#005F73}.c1 .control .button,.c1 .header .button{background-color:#005F73}.c1 .body h3,.c1 .body h3 a,.c1 .body .item small:not(.due){color:#005F73}.c1 .body code,.c1 .body .due{color:white;background-color:#005F73}.c1 .body .item:not(:first-child){border-color:#005F73}.c1.current .control{background-color:#005F73}.c2{background-image:linear-gradient(225deg, #03989E 50%, transparent 50%);border-top-color:#03989E}.c2 .control a,.c2 .header a{color:#03989E}.c2 .control .button,.c2 .header .button{background-color:#03989E}.c2 .body h3,.c2 .body h3 a,.c2 .body .item small:not(.due){color:#03989E}.c2 .body code,.c2 .body .due{color:white;background-color:#03989E}.c2 .body .item:not(:first-child){border-color:#03989E}.c2.current .control{background-color:#03989E}.c3{background-image:linear-gradient(225deg, #CA6702 50%, transparent 50%);border-top-color:#CA6702}.c3 .control a,.c3 .header a{color:#CA6702}.c3 .control .button,.c3 .header .button{background-color:#CA6702}.c3 .body h3,.c3 .body h3 a,.c3 .body .item small:not(.due){color:#CA6702}.c3 .body code,.c3 .body .due{color:white;background-color:#CA6702}.c3 .body .item:not(:first-child){border-color:#CA6702}.c3.current .control{background-color:#CA6702}.c4{background-image:linear-gradient(225deg, #EE9B00 50%, transparent 50%);border-top-color:#EE9B00}.c4 .control a,.c4 .header a{color:#EE9B00}.c4 .control .button,.c4 .header .button{background-color:#EE9B00}.c4 .body h3,.c4 .body h3 a,.c4 .body .item small:not(.due){color:#EE9B00}.c4 .body code,.c4 .body .due{color:white;background-color:#EE9B00}.c4 .body .item:not(:first-child){border-color:#EE9B00}.c4.current .control{background-color:#EE9B00}.c5{background-image:linear-gradient(225deg, #355691 50%, transparent 50%);border-top-color:#355691}.c5 .control a,.c5 .header a{color:#355691}.c5 .control .button,.c5 .header .button{background-color:#355691}.c5 .body h3,.c5 .body h3 a,.c5 .body .item small:not(.due){color:#355691}.c5 .body code,.c5 .body .due{color:white;background-color:#355691}.c5 .body .item:not(:first-child){border-color:#355691}.c5.current .control{background-color:#355691}.c6{background-image:linear-gradient(225deg, #4073A0 50%, transparent 50%);border-top-color:#4073A0}.c6 .control a,.c6 .header a{color:#4073A0}.c6 .control .button,.c6 .header .button{background-color:#4073A0}.c6 .body h3,.c6 .body h3 a,.c6 .body .item small:not(.due){color:#4073A0}.c6 .body code,.c6 .body .due{color:white;background-color:#4073A0}.c6 .body .item:not(:first-child){border-color:#4073A0}.c6.current .control{background-color:#4073A0}.c7{background-image:linear-gradient(225deg, #3C5A14 50%, transparent 50%);border-top-color:#3C5A14}.c7 .control a,.c7 .header a{color:#3C5A14}.c7 .control .button,.c7 .header .button{background-color:#3C5A14}.c7 .body h3,.c7 .body h3 a,.c7 .body .item small:not(.due){color:#3C5A14}.c7 .body code,.c7 .body .due{color:white;background-color:#3C5A14}.c7 .body .item:not(:first-child){border-color:#3C5A14}.c7.current .control{background-color:#3C5A14}.c8{background-image:linear-gradient(225deg, #598B2C 50%, transparent 50%);border-top-color:#598B2C}.c8 .control a,.c8 .header a{color:#598B2C}.c8 .control .button,.c8 .header .button{background-color:#598B2C}.c8 .body h3,.c8 .body h3 a,.c8 .body .item small:not(.due){color:#598B2C}.c8 .body code,.c8 .body .due{color:white;background-color:#598B2C}.c8 .body .item:not(:first-child){border-color:#598B2C}.c8.current .control{background-color:#598B2C}.c9{background-image:linear-gradient(225deg, #9B2226 50%, transparent 50%);border-top-color:#9B2226}.c9 .control a,.c9 .header a{color:#9B2226}.c9 .control .button,.c9 .header .button{background-color:#9B2226}.c9 .body h3,.c9 .body h3 a,.c9 .body .item small:not(.due){color:#9B2226}.c9 .body code,.c9 .body .due{color:white;background-color:#9B2226}.c9 .body .item:not(:first-child){border-color:#9B2226}.c9.current .control{background-color:#9B2226}.c10{background-image:linear-gradient(225deg, #B18FCF 50%, transparent 50%);border-top-color:#B18FCF}.c10 .control a,.c10 .header a{color:#B18FCF}.c10 .control .button,.c10 .header .button{background-color:#B18FCF}.c10 .body h3,.c10 .body h3 a,.c10 .body .item small:not(.due){color:#B18FCF}.c10 .body code,.c10 .body .due{color:white;background-color:#B18FCF}.c10 .body .item:not(:first-child){border-color:#B18FCF}.c10.current .control{background-color:#B18FCF}.paginator-container{max-width:var(--content-width);width:100%;display:flex;justify-content:space-between}.paginator{width:150px}.paginator a{display:block;font-size:14px;line-height:1.3}.paginator img{object-fit:cover;width:100%;height:100px}.paginator.next a{text-align:right}.pull-left,.pull-right{color:var(--color-dark);display:flex;align-items:center;justify-content:flex-end}.pull-left{flex-direction:row-reverse}.video-background{position:relative;padding-bottom:56.25%;height:0}.video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%}div.essential_audio{position:relative;z-index:0;width:100%}div.essential_audio>div:nth-child(1) div{width:28px;height:28px;margin-top:-13px;border-radius:14px;color:var(--color-fg);background-color:var(--color-link)}div.essential_audio>div:nth-child(1) div:after{position:absolute;top:2px;left:2px;width:24px;height:24px}:root{--button-protrusion: 4px}div.essential_audio>div:nth-child(1) div.off:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><polygon fill='%23FFF' points='10,6.9 10,23.1 24,15' /></svg>")}div.essential_audio>div:nth-child(1) div.load:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><circle opacity='0.64' fill='%23FFFFFF' cx='6.5' cy='18.5' r='2'/><circle opacity='0.76' fill='%23FFFFFF' cx='6.5' cy='11.5' r='2'/><circle opacity='0.88' fill='%23FFFFFF' cx='11.5' cy='6.5' r='2'/><circle fill='%23FFFFFF' cx='18.5' cy='6.5' r='2'/><circle opacity='0.16' fill='%23FFFFFF' cx='23.5' cy='11.5' r='2'/><circle opacity='0.28' fill='%23FFFFFF' cx='23.5' cy='18.5' r='2'/><circle opacity='0.4' fill='%23FFFFFF' cx='18.5' cy='23.4' r='2'/><circle opacity='0.52' fill='%23FFFFFF' cx='11.5' cy='23.4' r='2'/></svg>");animation:audio_load_rotate 1s infinite linear}@keyframes audio_load_rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}div.essential_audio>div:nth-child(1) div.play{background-color:var(--color-link) !important}div.essential_audio>div:nth-child(1) div.play:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><rect fill='%23FFF' x='17' y='8' width='3' height='14' /><rect fill='%23FFF' x='10' y='8' width='3' height='14' /></svg>")}div.essential_audio>div:nth-child(1) div.drag{transition:left 0s !important}div.essential_audio>div:nth-child(1) div.error{background-color:rgba(0,0,0,0.35) !important}div.essential_audio>div:nth-child(1) div.error:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23FFF' d='M13.9,18.6c0-0.3,0-0.5,0-0.9c0-1.6,0.6-2.9,2.1-3.9l1.1-0.8c0.9-0.6,1.3-1.5,1.3-2.4c0-1.5-1-2.8-3-2.8c-2.2,0-3.1,1.6-3.1,3.2c0,0.2,0,0.4,0,0.5L10,11.9c-0.1-0.3-0.1-0.8-0.1-1.2c0-2.3,1.7-5.1,5.5-5.1c3.5,0,5.5,2.5,5.5,5c0,2-1.1,3.4-2.5,4.3l-1.2,0.8c-0.8,0.5-1.1,1.4-1.1,2.4c0,0.1,0,0.2,0,0.5H13.9z'/><path fill='%23FFF' d='M15,20.8c1,0,1.8,0.8,1.8,1.8S16,24.4,15,24.4c-1,0-1.8-0.8-1.8-1.8S14,20.8,15,20.8z'/></svg>")}div.essential_audio>div:nth-child(2){height:2px}div.essential_audio>div:nth-child(2):after{content:"";position:absolute;z-index:0;background-color:#000;opacity:0.3;mix-blend-mode:multiply;top:0px;left:0px;width:100%;height:100%}div.essential_audio>div:nth-child(2) div{background-color:var(--color-link);mix-blend-mode:multiply}div.essential_audio>div:nth-child(3){height:12px;margin-top:-5px}div.essential_audio,div.essential_audio *{user-select:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:auto}div.essential_audio *:focus{outline:none}div.essential_audio>div:nth-child(1) div{position:absolute;top:0px;left:0px;cursor:pointer}div.essential_audio>div:nth-child(1){position:absolute;z-index:3;height:0px;top:0px;left:calc(var(--button-protrusion) * -1);width:calc(100% + (2 * var(--button-protrusion)))}div.essential_audio>div:nth-child(2){position:relative;width:100%;overflow:hidden}div.essential_audio>div:nth-child(2) div{position:absolute;z-index:1;width:0%;height:100%;top:0px;left:0px;transition:width 0.5s}div.essential_audio>div:nth-child(3){position:absolute;z-index:2;width:100%;top:0px;left:0px}:root{--icon-logo: url("/assets/logo-icon.svg");--font-special: Josefin Sans,sans-serif;--font-mono: Share Tech Mono,monospace;--font-main: Open Sans,sans-serif;--font-secondary: Teko,sans-serif;--font-tertiary: Lexend,sans-serif;--font-samp: Open Sans,sans-serif;--color-bg: #3a3a3a;--color-fg: ivory;--color-primary: snow;--color-secondary: wheat;--color-tertiary: #90ee90;--color-link: orange;--color-dark: gray;--color-theme: gold;--color-bullet: gray;--color-row-odd: #2a2a2a;--color-row-even: #2f2f2f;--color-card-fg: #222;--color-card-bg: #fdf8dc;--color-code-bg: #222;--content-width: 600px;--grid-width: 180px;--grid-image-height: 180px;--card-font-size: 16px;--samp-font-size: inherit}body{font-family:var(--font-main);font-size:17px;line-height:1.6;background-color:var(--color-bg);color:var(--color-fg)}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-radius:6px}body::-webkit-scrollbar-corner{background-color:transparent}hr{width:300px;margin-bottom:20px;margin-top:40px;border-color:var(--color-bg)}a{color:var(--color-link);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:normal;color:var(--color-secondary);line-height:1}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}.special{font-family:var(--font-special);text-align:center;color:var(--color-primary);margin:10px 0 5px 0}code,pre{font-family:var(--font-mono)}code{white-space:pre-wrap;color:var(--color-secondary)}code.rounded{border-radius:5px;margin:0 3px;padding:2px 5px}pre{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));padding:10px;box-sizing:border-box}pre code{color:inherit}sub,sup{font-size:small}sup{vertical-align:6px}sub{vertical-align:0px}.md-18{font-size:18px}.md-24{font-size:24px}.md-36{font-size:36px}.md-48{font-size:48px}.md-disabled{color:rgba(0,0,0,0.6)}.middle-align{display:flex;align-items:center;text-decoration:none;text-align:center}.center-align{display:flex;align-items:center;text-decoration:none;flex-direction:column}.spacer{margin-top:100px}.course-id{display:flex;align-items:center;text-decoration:none;text-align:center;font-family:var(--font-special);flex-direction:column}.course-id a{color:var(--color-theme);display:flex;margin:0 5px}.course-id a:nth-child(2){margin:3px 0}.course-id.fixed{flex-direction:row-reverse;position:fixed;right:5px;top:5px;opacity:0.8}.course-id.fixed img{transform:scale(0.6)}.course-id.fixed.bottom{opacity:1;bottom:70px;top:unset}footer{margin-top:100px;display:flex;align-items:center;text-decoration:none;flex-direction:column;color:var(--color-dark);font-size:14px}footer ul{padding:0;display:flex}footer ul li{display:flex;align-items:center;text-decoration:none;text-align:center;margin:0 5px}footer ul li a{color:var(--color-secondary)}article.center{display:flex;align-items:center;text-decoration:none;flex-direction:column}article.center img{border-radius:50%;object-fit:cover}article.left img{float:left;object-fit:cover;margin:5px 10px 0 0;display:inline-block}article.tiles ul{list-style-type:none;padding-inline-start:unset;display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}article.tiles ul li{padding:5px;margin:5px;border-radius:5px;text-align:center;background-color:var(--color-theme);height:60px;display:flex;align-items:center;justify-content:center}article.tiles ul li a{color:var(--color-bg);overflow:hidden;text-overflow:ellipsis;word-break:break-word}article.tiles ul li sup{vertical-align:3px}