.text-center{text-align:center}.pos-absolute{right:0;left:0;position:absolute}.box-shadow{box-shadow:0 2px 10px 2px #ddd}.heading-text{font-family:"Fira Sans",sans-serif;font-size:25px;font-weight:600;padding:5px 15px;text-align:center;color:var(--primary-text-color)}h1,.title-text{font-family:"Fira Sans",sans-serif;font-size:1.6em;font-weight:500;color:var(--primary-text-color);border-left:var(--primary-color) 8px solid;border-top:var(--primary-color) 4px solid;padding:10px}h2,.subtitle-text{font-family:"Fira Sans",sans-serif;font-size:1.3em;font-weight:500;color:var(--primary-text-color)}.text{font-family:"Fira Sans",sans-serif;font-size:1.2em;font-weight:400;letter-spacing:.2px;color:var(--primary-text-color)}.text ul{margin-top:.5rem}.text ul>li{padding:.3rem 0}.text p{margin:10px 0}.text p>img{width:25%;height:auto}.subtext{font-family:"Fira Sans",sans-serif;font-weight:400;letter-spacing:.1px}.content{padding:0 40px;display:flex;flex-direction:column;justify-content:center;overflow-x:auto}.content pre{overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal;color:#4a4a4a;font-size:.875em;font-family:monospace}.content code{font-weight:600;font-family:monospace}.content a{color:var(--primary-link-color)}.content a:hover{text-decoration:underline}.content blockquote{border-left:#e2dede 8px solid;margin:0;background-color:#f2f1f0;padding:0 20px}body{padding:0;margin:0;box-sizing:border-box;background-color:#202020}a{text-decoration:none}header{background-color:var(--secondary-color);color:#000;padding:20px 50px;display:flex;align-items:center;justify-content:space-between;z-index:999}.logo{font-family:"Alfa Slab One",serif;font-size:32px;color:var(--primary-text-color);display:flex;align-items:center;margin:0 40px}.logo img{width:250px;margin:0 25px}.nav-item{margin:0 10px;text-decoration:none;font-size:18px;font-weight:bold}.nav-item:hover{color:var(--primary-link-color);text-decoration:underline}.burger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}.burger span{display:block;width:100%;height:3px;background-color:var(--primary-color);border-radius:3px;transition:transform .3s ease,opacity .3s ease}.burger.open span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.open span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.hero{display:flex;align-items:center;justify-content:space-evenly;height:100vh;background-color:var(--primary-color);overflow-x:hidden;padding:0 40px}.hero .title-text{padding-left:10%;padding-right:10%}.hero .explore-more{position:absolute;bottom:20px;cursor:pointer}@media screen and (min-width: 1280px){.hero section{padding:0 2rem}.hero-image{display:none}}main{background:url("forest-landscape.jpg");background-size:100%;background-repeat:no-repeat;background-attachment:fixed;background-position:top}main .wrap{display:flex;padding:50px 100px}main .content{padding:25px;border-radius:10px 0 0 10px;background-color:var(--secondary-color)}main .content img{border-radius:10px}main .toc{max-width:260px;min-width:240px}main .toc-item{padding:10px 20px;color:#424242}main .toc-item a,main .toc-item-sub a{color:var(--secondary-text-color)}main .toc-item a:hover,main .toc-item-sub a:hover{cursor:pointer;text-decoration:underline}main .toc-item a.active,main .toc-item-sub a.active{color:var(--toc-highlight-text-color)}main .toc-item-sub{list-style:disc;padding:5px 15px}main .toc-item-sub li{padding:5px 0px}main .toc-item-sub-item{font-size:.9em}.toc-sticky{margin:0;list-style:none;border-radius:0 10px 10px 0;background-color:#fff;position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:45px;padding:10px 0}footer{padding:50px 0 150px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fcfcfc}footer a{color:#fcfcfc;text-decoration:underline}@media screen and (max-aspect-ratio: 16/9){main{background-image:url("forest-portrait.jpg")}}@media screen and (max-width: 1600px){main .wrap{padding:25px}.content{width:80%}}@media screen and (max-width: 1024px){header{padding:10px 20px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.burger{display:flex}#main-nav{display:none;flex-direction:column;align-items:center;width:100%;padding:10px 0}#main-nav.open{display:flex}.logo{font-size:28px;margin:5px 0}.logo img{width:180px;margin:0 10px 0 0}.nav-item{margin:8px 0;font-size:16px}.hero{padding:40px 30px}main{background-image:url("forest-portrait.jpg")}main .wrap{padding:25px}.content{padding:5px}.explore-more,.toc{display:none}}