h1.HprojectTitle{font-size:2.6em;letter-spacing:2px;grid-area:title;display:flex;align-items:center;justify-content:center;text-align:center;background:#e6e6e6;border:5px solid var(--grey);border-radius:30px}.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{padding-left:15px;padding-right:15px;max-width:750px}.lists{padding-left:15px;padding-right:15px}h1{margin-left:0;margin-top:5px;margin-bottom:5px;font-weight:400;padding-bottom:5px}h2{font-size:1.8em;letter-spacing:1.5px;margin-top:10px;margin-bottom:15px;font-weight:400;border-bottom:3px solid var(--grey)}h3{font-size:1.3em;margin-left:0;margin-top:5px;margin-bottom:5px;font-weight:400;font-style:italic}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.5em}p.prelist{margin-bottom:0}ul{margin-block-start:0;margin-block-end:0;padding-left:50px}li{line-height:1.5em}a{color:#000;text-decoration:none}p a{text-decoration:underline;text-decoration-color:var(--solidOrange);text-decoration-thickness:3px;padding:0 2px;border-radius:5px}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);grid-gap:5px;justify-content:center;justify-items:center;margin:10px}.myButton{font-size:1.1em;align-self:center;background-clip:padding-box;background-color:var(--thinOrange);border:2px solid var(--thickOrange);border-radius:10px;margin:2px;padding:6px 3px;width:85%;text-align:center}.myButton:hover{background-color:var(--thickOrange);text-decoration:none}.project_button{font-size:1.1em;background-clip:padding-box;background-color:var(--thinOrange);border:2px solid var(--thickOrange);border-radius:10px;margin:10px;padding:6px 10px;width:fit-content;height:1.2em}.project_button:hover{background-color:var(--thickOrange);text-decoration:none}@media(max-width:900px){h1.HprojectTitle{font-size:2em}h2{font-size:1.5em}}.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){.tool_title{font-size:1.3em}}.navTitle:hover{text-decoration:none}.navigation{background-color:var(--green);display:grid;grid-area:navigation;grid-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:calc(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:hover{background:var(--thickOrange);color:#000}a.currentPage{color:var(--thickOrange)}.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}.toc a:hover{color:var(--thickOrange)}.toc ul{list-style-type:circle;padding:5px 3px 5px 24px;margin:0}.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-top:0;margin-bottom: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;padding-top:0;padding-bottom:0;width:auto;padding:0 10px}.toc{display:none}.separator{display:none}}.hide{visibility:hidden;display:none}.nomargin{margin:0}.video{width:min(710px,100%);margin:15px auto 0}.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;-webkit-transform:translateZ(0);-webkit-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{justify-self:center;grid-area:projPic;background-color:#fff;justify-self:center;max-height:calc(var(--projectPicWidth)/16 * 9);max-width:100%;border-radius:25px;border:solid 4px transparent;padding:3px}.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.1em;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}@media(max-width:900px){.titleImage{height:180px}.gallery img{width:75px;height:75px}.logoImage{height:40px;width:auto;float:left;margin-left:10px}}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}.audioplayer{width:100%;margin-bottom:5px}@media(min-width:900px){.audioplayer{width:60%;margin-right:5px;margin-bottom:0}}.twolists{grid-area:content}.projectH2{margin-top:0}.projectList{display:grid;grid-template-columns:repeat(auto-fit,calc(var(--projectPicWidth) + 14px));grid-auto-rows:min-content;justify-items:center;justify-content:space-evenly}.projectBox{display:grid;grid-template-columns:auto auto auto;grid-template-rows:min-content min-content auto;grid-template-areas:". projPic ." ". projTitle .";align-items:center;border-radius:5%;max-width:var(--projectPicWidth)}.projectBox:hover .projectImage{border:solid 4px var(--thickOrange)}.projectBox:hover .projectTitle{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--thickOrange);text-decoration-thickness:4px}.draft{}.projectTitle{font-size:1.35em;font-weight:400;text-align:center;background-color:initial;grid-area:projTitle;align-self:end;margin:0;min-height:3.4em}.tagline{font-size:1em;text-align:center;margin:0;grid-area:projCap;align-self:start}@media(max-width:900px){.projectList{gap:10px}.projectTitle{font-size:1.15em}}.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 .";grid-gap:0;grid-template-columns:5px minmax(var(--minWidth),1fr)5px}}body{--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:rgba(255, 170, 0);--grey:#585858c7;--green:#708645;--mobileOffset:70px;font-family:open sans,sans-serif;font-size:18px;color:#000;padding:0;margin:0;font-weight:300;background-color:#fff;background-size:10px 10px}html{scroll-behavior:smooth}footer{color:#000;font-size:.85em;grid-area:footer;justify-self:center;align-self:end;font-style:italic}.copyright{grid-area:copyright;justify-self:center}@media(min-width:900px){.navLinks{align-self:end}}recommendations. To return the favor,this page has tools that i use and would recommend. @media (max-width:900px){body { font-size: 20px; }}