*{box-sizing:border-box}html{overflow-y:scroll}html,body{--text-color: #666666;--text-color-h: #606060;--text-color-a: #f04422;--text-color-a-h: #fa7055;--bgnd-color: #fff;--bgnd-color-h: #eaeaea;--banner-color: #000;--mobile-max: $mobile-max;--desktop-max: 800px;margin:0;background-color:var(--bgnd-color);font-family:Raleway;font-size:17px;line-height:1.8;text-rendering:optimizeLegibility;color:var(--text-color)}@media screen and (max-width: 800px){html,body{font-size:14px;line-height:1.6}}a{color:var(--text-color-a)}a:visited{color:var(--text-color-a)}a:hover{color:var(--text-color-a-h)}ul{padding-left:1rem}table,td,th{border:1px solid var(--text-color)}table{border-collapse:collapse}td,th{padding:0 1rem}.language-html{font-size:16px}.body-container{width:100%;display:flex;flex-direction:column}.body-container .top-container{width:100%;padding:0;position:sticky;top:0;z-index:100;color:var(--bgnd-color);background:var(--banner-color)}.body-container .top-container a.top-home-link{color:var(--bgnd-color);text-decoration:none}.body-container .top-container a.top-home-link:hover{color:var(--bgnd-color-h);text-decoration:underline}.body-container .top-container .top-content{display:block;width:100%;max-width:var(--desktop-max);margin:0 auto;margin-left:max(0%, (80% - var(--desktop-max)) / 2.3)}.body-container .top-container .top-content h1{margin-bottom:0}.body-container .top-container .top-content h3{margin-top:0}.body-container .body-container{width:100%;padding:0;display:flex;flex-direction:row}.body-container .body-container .body-section.content-section{width:80%;max-width:var(--desktop-max);margin:0 auto;margin-left:max(0%, (80% - var(--desktop-max)) / 2.3)}.body-container .body-container .body-section.menu-section{width:20%;height:100vh;z-index:80;background-color:var(--bgnd-color)}.body-container .body-container .body-section.menu-section .menu-container{height:80%;position:fixed;padding-left:10px;margin-bottom:-20px;overflow-y:scroll;border-left:2px solid #ddd;background-color:var(--bgnd-color);-ms-overflow-style:none;scrollbar-width:none}.body-container .body-container .body-section.menu-section .menu-container::-webkit-scrollbar{display:none}.body-container .body-section-content{display:block;width:100%}.menu-details .menu-summary{font-size:1.5em;font-weight:700;line-height:1;margin-block-start:0.83em;list-style-position:outside;margin-left:0.7em;padding-left:10px;cursor:pointer}.menu-details .menu-summary::marker{font-size:0.66em}.menu-details .menu-summary:hover .menu-summary-title{text-decoration:underline}.menu-details .menu-summary .menu-summary-subtitle{font-size:17px;font-weight:400;margin-block-start:0.5em}.menu-details .menu-summary .menu-summary-subtitle::before{content:"";display:block}.menu-details ul{line-height:1.2;margin-top:8px;padding-left:30px}.menu-details ul li:not(:last-child){margin-bottom:12px}.editor-block-wrapper{width:max(100%, min(120%, 100vw - 20%));margin-bottom:1rem}.editor-block-wrapper .p5-editor-wrapper{--editor-height: 640px;--editor-y-offset: -42px;--editor-x-offset: -18px}.editor-block-wrapper .arduino-editor-wrapper{--editor-height: 640px;--editor-y-offset: -100px;--editor-x-offset: -10px}.editor-block-wrapper .editor-wrapper{overflow-y:hidden;position:relative;width:100%;height:calc(var(--editor-height) + var(--editor-y-offset))}.editor-block-wrapper .editor-wrapper .editor{position:absolute;top:var(--editor-y-offset);left:var(--editor-x-offset);width:100%;height:var(--editor-height);border:0;display:block}.editor-block-wrapper .editor-link{display:block;font-size:0.9rem}.image-row{display:flex;flex-direction:row;justify-content:space-between}.image-row.image-row-2{width:66%}.image-row.image-row-2 .img-wrapper{width:45%}.image-row .img-wrapper{width:30%}.image-row .img-wrapper img{cursor:pointer;width:100%}.scaled-images{width:100%;max-width:var(--desktop-max)}.scaled-images img{width:100%;display:block;margin:0 auto 1rem}.scaled-images.w75 img{width:75%}.scaled-images.w66 img{width:66%}.scaled-images.w50 img{width:50%}.scaled-images.w33 img{width:33%}.scaled-images.left img{margin-left:0}.video-container{height:200px;max-width:var(--desktop-max)}.video-container video{display:block}.video-container.h200{height:200px}.video-container.h200 video{height:100%}.video-container.w100{width:100%;height:auto}.video-container.w100 video{width:100%}.video-container.w66{width:66%;height:auto}.video-container.w66 video{width:100%}.youtube-container-wrapper{width:100%;max-width:var(--desktop-max)}.youtube-container-wrapper .youtube-container{position:relative;height:0;overflow:hidden}.youtube-container-wrapper .youtube-container.s16x9{padding-bottom:56.25%}.youtube-container-wrapper .youtube-container.s9x6{padding-bottom:66.66%}.youtube-container-wrapper .youtube-container.s4x3{padding-bottom:75%}.youtube-container-wrapper .youtube-container iframe,.youtube-container-wrapper .youtube-container video{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.canvas-row{width:100%;display:flex;flex-direction:row;margin-bottom:24px}.canvas-row .canvas-container{width:33%}.canvas-row canvas{display:block}.canvas-row .canvas-container>.language-plaintext{user-select:none}.sl-overlay{background:var(--bgnd-color) !important}.sl-close,.sl-next,.sl-prev{color:var(--text-color-a) !important}.sl-close:hover,.sl-next:hover,.sl-prev:hover{color:var(--text-color-a-h) !important}@media print{html,body{--text-color: #000;--text-color-h: #111;--bgnd-color: #fff;--bgnd-color-h: #eee}.top-container{display:none}}