h1.HprojectTitle{font-size:2.4em;font-weight:600;letter-spacing:2px;grid-area:title;display:flex;align-items:center;justify-content:center;text-align:center;background:0 0;border:none;border-bottom:2px solid #e0e0e0;border-radius:0;padding-bottom:10px}.pageHeader{display:grid;grid-template-columns:auto min-content;grid-template-rows:auto 1fr;grid-template-areas:"title" "titlePic";grid-area:pageHeader;margin-top:5px}.story.project-page .HprojectTitle{margin-bottom:16px}.story.project-page .project-header-row{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px}.story.project-page .title_image_box{flex-shrink:0;justify-content:flex-start}.story.project-page .project-buttons-slot{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:1;min-width:0}.story.project-page .project-buttons-slot .resourceButtons{display:flex;flex-direction:column;gap:8px;margin:0;width:100%}.story.project-page .project-buttons-slot .myButton{margin:0;width:100%}.story.project-page .titleImage{margin:0 10px 0 0}.story{padding-left:15px;padding-right:15px;max-width:750px}.lists{padding-left:15px;padding-right:15px}h1{margin-top:5px;margin-bottom:5px;font-weight:400;padding-bottom:5px}h2{font-size:1.35em;font-weight:400;letter-spacing:1px;color:#000;margin-top:10px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}h3{font-size:1.1em;font-weight:400;font-style:italic;color:#555;margin-top:16px;margin-bottom:6px}h4{margin-left:10px;margin-top:5px;margin-bottom:5px;font-weight:400}p{margin-top:3px;margin-left:10px;margin-right:10px;line-height:1.5}p.prelist{margin-bottom:0}ul{margin-block-start:0;margin-block-end:0;padding-left:50px}li{line-height:1.5}a{color:#000;text-decoration:none}p a,li a{text-decoration:underline;text-decoration-color:var(--solidOrange);text-decoration-thickness:3px;padding:0 2px;border-radius:5px}.story a:hover:not(.button_link):not(.title_image_box):not(.project_link):not(.story_image){background-color:var(--thinOrange)}.highlight{display:block;text-align:center}pre{background-color:#fff;font-size:.9em;padding:5px;margin:10px;width:min(calc(900px - 35px),max(320px,calc(100vw - 60px)));overflow-x:scroll;display:inline-block;text-align:left}code.has-jax{-webkit-font-smoothing:antialiased;background:inherit!important;border:none!important;font-size:100%}.resourceButtons{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,22ch);gap:5px;justify-content:center;justify-items:center;margin:10px}.myButton,.project_button{font-size:1.1em;background-clip:padding-box;background-color:var(--thinOrange);border:2px solid var(--thickOrange);border-radius:10px;text-align:center}.myButton{align-self:center;margin:2px;padding:6px 3px;width:85%}.project_button{margin:10px;padding:6px 10px;width:fit-content;height:1.2em}.myButton:hover,.project_button:hover{background-color:var(--thickOrange);text-decoration:none}.tool{padding-bottom:20px;min-height:110px}.tool_image{width:146px;height:110px;float:left;object-fit:contain;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius:10px}.tool_title{font-size:1.4em}.tool_title a{text-decoration:underline;text-decoration-color:var(--solidOrange);text-decoration-thickness:3px;border-radius:5px}.tool_description{margin-bottom:3px}@media(max-width:900px){h1.HprojectTitle{font-size:1.8em}h2{font-size:1.2em}.tool_title{font-size:1.3em}.story.project-page .project-header-row{flex-direction:column;align-items:center}.story.project-page .title_image_box{width:100%;display:flex;justify-content:center}.story.project-page .titleImage{margin:0;max-width:100%}.story.project-page .project-buttons-slot{width:100%;align-items:center}.story.project-page .project-buttons-slot .resourceButtons{flex-direction:row;flex-wrap:wrap;justify-content:center}.story.project-page .project-buttons-slot .myButton{width:auto;min-width:140px}}.navTitle:hover{text-decoration:none}.navigation{background-color:var(--green);display:grid;grid-area:navigation;row-gap:20px;grid-template-rows:min-content min-content 20px auto;grid-template-areas:"navTitle" "navigationBox" "separator" "toc";padding:2px;width:calc(var(--navWidth) - 4px);height:100vh;position:fixed}.side{height:100%;background-color:var(--green);width:calc((100vw - var(--mainWidth))/2 - 15px);min-width:var(--navWidth);position:fixed;display:flex;flex-direction:column;align-items:flex-end;top:0;z-index:1}.main{height:100%;max-width:var(--mainWidth);margin-left:calc((100vw - var(--mainWidth))/2 - 15px)}@media(max-width:1515px){.main{margin-left:var(--navWidth)}}.navgroup{display:flex;flex-direction:column;align-items:center;height:100%}.navTitle{text-align:center;margin-top:5px;margin-bottom:20px}a.navButton{background-color:var(--green);font-weight:400;font-size:1.6em;justify-self:center;align-self:center;width:90%;text-align:center;padding-top:3px;padding-bottom:3px}.homeLinks>.navButton{margin-right:20px}a.navButton:hover{background:var(--thickOrange);border-radius:20px}a.currentPage{color:var(--thickOrange)}a.currentPage:hover{background:var(--thickOrange);color:#000}.separator{border-bottom:1px solid #000;width:60%;justify-self:center;padding-top:20px}.toc{overflow-y:auto}.toc a{text-decoration:none}.toc h2{font-weight:400;font-size:1.3em;margin:20px 0 0;border-bottom:none;text-align:center;color:inherit;display:block}.toc h2::before{display:none}.toc a:hover{color:var(--thickOrange)}.toc ul{list-style-type:circle;padding:5px 3px 5px 24px;margin:0}.toc ul ul{list-style-type:disc;padding-left:16px;margin-top:2px}.toc ul ul a{font-size:.9em}.toc nav{border:1px solid #000;border-radius:10px;margin:0 10px;padding:0 10px}@media(max-width:900px){.side{width:100%;height:55px;position:fixed;box-shadow:0 2px 10px #000;min-width:var(--minWidth)}.main{margin:65px max(0px,calc(50% - 375px))0;min-width:var(--minWidth)}.navTitle{margin:0;flex-grow:1}.navgroup{flex-direction:row;width:inherit}a.navButton{font-weight:400;font-size:1.2em;justify-self:center;align-self:center;text-align:center;width:auto;padding:0 10px}.toc,.separator{display:none}}.hide{visibility:hidden;display:none}.nomargin{margin:0}.video{width:min(710px,100%);margin:15px auto 0}.video iframe{touch-action:pan-y}.thumbVideo{width:100px}.gallery{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.gallery img{width:100px;height:100px;object-fit:cover;border-radius:25px;border:1px solid var(--grey);vertical-align:middle}.collection img{max-width:100%;max-height:350px;border:1px solid var(--grey);border-radius:15px;margin:5px}.thumbnail{padding:5px;border:2px solid transparent;border-radius:30px;cursor:pointer;opacity:.5;transform:translateZ(0);transition:opacity .1s ease-in-out}.thumbnail:hover:not(.clicked-thumb){opacity:1!important}.clicked-thumb{opacity:1!important;border:2px solid var(--thickOrange)}[type=radio]{position:absolute;opacity:0;width:0;height:0}.projectImage{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}.imageOnPost{max-width:100%;max-height:350px;display:block;margin-left:auto;margin-right:auto;border:1px solid var(--grey);border-radius:15px}.photograph{max-width:100%;display:block;margin-left:auto;margin-right:auto;border:1px solid var(--grey);border-radius:15px}.contact{margin:0 0 0 20px;float:right;height:200px}p.image-caption{padding-top:5px;padding-bottom:5px;text-align:center;color:var(--grey);font-style:italic;align-self:start;line-height:1.1;max-width:80%;margin:auto}.titleImage{margin:5px;height:250px;vertical-align:middle;border-radius:10px}.logoImage{height:90px;width:var(--navWidth)}.title_image_box{grid-area:titlePic;display:flex;align-items:center;justify-content:center}operator{border-radius:20px;padding:2px 10px;border:1px solid #000;color:#fff;text-align:center;width:65px;margin-right:5px}.knockout{background-color:#ff5523}.tonic{background-color:#fff;color:#000}.submarine{background-color:#0371ba}.pocket_music{display:flex;flex-wrap:wrap;align-items:center;margin-top:2px;margin-bottom:5px}.musicpage>h2{border-bottom:none;font-size:1.8em;letter-spacing:1.5px;margin-top:10px;margin-bottom:0;color:inherit;display:block}.musicpage>h2::before{display:none}.audioplayer{width:100%;margin-bottom:5px}@media(min-width:900px){.audioplayer{width:60%;margin-right:5px;margin-bottom:0}}@media(max-width:900px){.titleImage{height:180px}.gallery img{width:75px;height:75px}.logoImage{height:40px;width:auto;float:left;margin-left:10px}}.projectList{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;justify-items:center}.projectCard{background:#fff;border-radius:12px;border:3px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%;max-width:320px}.projectCard:hover{border-color:var(--thickOrange);box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.cardBody{padding:12px 14px 16px}.projectTitle{font-size:1.2em;font-weight:500;text-align:center;margin:0}.tagline{font-size:.85em;text-align:center;color:var(--grey);margin:6px 0 0;line-height:1.3}@media(max-width:900px){.projectList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.projectTitle{font-size:1.1em}}.footer_layout{display:grid;justify-self:stretch;grid-area:footer;grid-template-columns:auto 1fr auto;grid-template-areas:"pageButton . nextButton" "copyright copyright copyright";max-width:900px}.notegrid{display:grid;grid-template-columns:auto auto}.noteblock{margin:5px}@media(max-width:900px){.container{grid-template-areas:"navbar navbar navbar" ". content ." ". list_button ." ". footer .";gap:0;grid-template-columns:5px minmax(var(--minWidth),1fr)5px}}:root{--mainWidth:890px;--navWidth:300px;--minWidth:560px;--projectPicWidth:200px;--thinnerOrange:rgba(255, 170, 0, 0.1);--thinOrange:rgba(255, 170, 0, 0.2);--midOrange:rgba(255, 170, 0, 0.6);--thickOrange:rgba(255, 170, 0, 0.85);--solidOrange:rgb(255, 170, 0);--grey:#585858c7;--green:#708645;--mobileOffset:70px}body{font-family:open sans,sans-serif;font-size:18px;font-weight:300;color:#000;background-color:#fff;margin:0;padding:0}@media(min-width:900px){html{scroll-behavior:smooth}}footer{color:var(--grey);font-size:.85em;font-style:italic;text-align:center;padding:16px 20px;margin-top:16px}footer p{margin:0}@media(min-width:900px){.navLinks{align-self:end}}@media(max-width:900px){body{font-size:20px}}