*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Helvetica,sans-serif}html,body{min-height:100%}p{margin-bottom:1rem}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}@keyframes menuslide{0%{left:-10rem}to{left:3rem}}@keyframes titleslide{0%{top:-10rem}to{top:1rem}}@keyframes contentslide{0%{transform:translate(50rem)}to{transform:translate(0)}}body{max-width:60rem;margin:0 auto;background-image:url(/trees.svg);background-position:bottom;background-repeat:repeat-x;background-blend-mode:overlay;transform:.5s all}body.first,.menuitem.first{background-color:var(--first-bg-color)}body.second,.menuitem.second{background-color:var(--second-bg-color)}body.third,.menuitem.third{background-color:var(--third-bg-color)}body.fourth,.menuitem.fourth{background-color:var(--fourth-bg-color)}body.fifth,.menuitem.fifth{background-color:var(--fifth-bg-color)}body.sixth,.menuitem.sixth{background-color:var(--sixth-bg-color)}.menuitem{border:2px white solid;display:inline-block;box-shadow:1rem .5rem #f0f8ffcc}.menuitem:hover{transform:translate(.1rem,.1rem);box-shadow:.9rem .4rem #f0f8ffcc;background-image:linear-gradient(#0000,#ffffff80)}#my-photo{float:right;max-width:30%;margin:0 0 1rem 1rem}body>nav{z-index:10;position:fixed;top:.5rem;right:.5rem}body>nav input{display:none}body>nav label img{width:3rem;transform:rotate(20deg) scale(.8);border:0px solid #ddd;clip-path:polygon(0% 5%,100% 5%,100% 25%,0% 25%,0% 40%,100% 40%,100% 60%,0% 60%,0% 75%,100% 75%,100% 95%,0% 95%);background:#000;border-radius:0rem;transition:.3s all}@media screen and (min-width:767px){body>nav label img{display:none}}body>nav input:checked~label img{background:#fff;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);border-radius:2rem;border:1px solid #ddd;transform:scale(1.5) rotate(101deg)}body>nav ul{display:none;justify-content:space-around;flex-direction:column;transform:rotate(14deg);font-size:13vw}@media screen and (min-width:767px)and (max-width:1025px){body>nav ul{font-size:2rem}}@media screen and (min-width:1025px){body>nav ul{font-size:3.5rem}}body>nav ul{position:fixed;left:3rem;top:5rem}@media screen and (max-width:767px){body>nav ul{animation-name:menuslide;animation-duration:.3s}}body>nav ul li{display:inline;font-weight:700;margin-bottom:1rem}body>nav ul li a{text-decoration:none;padding:.5rem;color:#444}@media screen and (min-width:767px){body>nav ul{display:flex;left:auto;right:2rem}}body>nav input:checked+ul{display:flex}h1{transition:all .5s ease;font-size:3rem}@media screen and (max-width:767px){h1{font-size:2.7rem}}h1{max-width:calc(100vw - 5rem);font-weight:700;color:#444;animation-name:titleslide;animation-duration:.3s;transform:rotate(-3deg) translateY(-3rem);text-shadow:3px 3px 5px #ddd,-3px -3px 5px #fff;margin:-1rem;z-index:10;padding:1rem 1rem 0;backdrop-filter:blur(3px);background:#ffffff80;top:3rem;display:inline-block}main{min-height:87vh;margin:0 2rem}@media screen and (min-width:767px)and (max-width:1025px){main{max-width:60%}}@media screen and (min-width:1025px){main{max-width:70%;min-height:88vh}}footer{margin:0 2rem;opacity:.5}body.scrolled article>h1{opacity:0}article{margin-top:5rem;border-image:url(/line.svg) 0 fill;border-width:0 0 0 1rem;margin-left:-2.5rem;padding-left:2.5rem;margin-bottom:10rem}@media screen and (max-width:767px){article p{animation-name:contentslide;animation-duration:.3s}}article p{line-height:1.2rem}article h2,article h3{margin-bottom:.5rem;margin-top:1rem}article ol{list-style-position:outside;margin-left:2rem;list-style:decimal-leading-zero;margin-bottom:1rem}#bus-photo{max-width:100%}a:not(.nav-list-link){display:inline-block;position:relative;text-decoration:none;color:inherit;z-index:1}a:not(.nav-list-link):hover{text-shadow:1px 2px #fff,-1px -1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff}a:not(.nav-list-link):after{content:"";position:absolute;left:0;bottom:.07em;height:.1em;width:100%;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959);z-index:-1;transition:all .25s cubic-bezier(.6,0,.4,1);border-radius:1rem}a:not(.nav-list-link):hover:after{height:1.2rem;filter:drop-shadow(1px 1px 4px black);transform:scale(1.2)}#menu-explainer{width:50%;float:right;margin:0 0 3rem 50%;transform:translate(10px,-20px)}@media screen and (min-width:767px){#menu-explainer{display:none}}h2{font-size:1.7rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}p>code{font-family:monospace;padding:0 3px;border-radius:4px;border:1px solid;font-weight:700;background:#fff}pre>code{font-family:monospace}pre{overflow-x:auto;background-color:#272822;margin-bottom:1rem;padding:1rem}p>a>img,p>img,p>video{max-width:100%}nav#TableOfContents{display:none}aside{display:none}body.sideOffset aside{position:fixed;display:block;left:-100%;top:5rem;max-width:calc(var(--side-offset) - 2rem);transition:all 1s ease-in}body.sideOffset aside p{padding:1rem 1rem 1rem 0;transform:rotate(-3deg) translateY(-2rem);font-weight:700;font-size:2rem;color:#444;transform:rotate(-3deg) translateY(-3rem);text-shadow:3px 3px 5px #ddd,-3px -3px 5px #fff;padding:1rem 1rem 0;backdrop-filter:blur(3px);background:#ffffff80;display:inline-block;line-height:1em}body.sideOffset nav#TableOfContents{background:#ffffff80;padding:1rem 1rem 1rem 0;display:inline-block;transform:rotate(-3deg) translateY(-2rem)}body.sideOffset nav#TableOfContents ol{margin-left:1rem;list-style:hebrew;line-height:1.5rem;list-style-position:inside}body.sideOffset.scrolled aside{left:1rem}