main{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:flex-start;margin-left:1rem}contentWindow{position:relative;left:0vw;width:40%;height:100%;order:1;flex:0 0 auto;align-self:center}blogNav{padding:.5rem 1.2rem 1.2rem 1.2rem;margin-bottom:3rem;background-color:#dedede;width:30%;border:3px solid #000;box-shadow:inset -5px -5px 0 0 #000,inset 7px 7px 0 0 #fff;z-index:2;order:0;flex:.5 1 auto;align-self:auto}blogNav>blogNavContent{display:block;height:75vh;margin-top:0rem;padding:0rem 1rem 0rem 1rem;background-image:url("../img/bg-dots.png");background-size:10%;background-repeat:repeat;border:2px solid #adadad;text-align:left;color:#000;text-shadow:2px 2px 0px #fff;overflow-y:scroll;order:1;flex:2 2 auto;align-self:stretch}blogNav>blogNavContent>h2{font-family:"Geneva-9-1",serif;margin-bottom:-.5rem;font-size:14pt}blogNav>blogNavContent li{margin-bottom:.15rem;list-style:decimal;font-family:"Apple Garamond",serif;font-size:14pt;line-height:1.5rem}blogNav>blogNavContent li:before{content:"📓 "}blogNav>blogNavContent .blognavTimelinePill{color:#fff;background-color:rgba(0,0,0,.5);text-shadow:1px 1px 0px #000;font-family:"Geneva-9-1",serif;margin:0rem .25rem 0rem .25rem;padding:.25rem .5rem .25rem .7rem;border-radius:.25rem;font-weight:200;font-size:7pt}blogNav>content{display:block;height:75vh;margin-top:0rem;padding:0rem 1rem 0rem 1rem;background-image:url("../img/bg-dots.png");background-size:10%;background-repeat:repeat;border:2px solid #adadad;text-align:left;color:#000;text-shadow:2px 2px 0px #fff;overflow-y:scroll;order:1;flex:3 3 auto;align-self:center}blogPost{padding:.5rem 1.2rem 1.2rem 1.2rem;margin-bottom:3rem;background-color:#dedede;width:30%;background:#d8d8d8;border:3px solid #d8d8d8;box-shadow:inset -5px -5px 0 0 #000,inset 7px 7px 0 0 #fff;z-index:2;order:0;flex:.5 1 auto;align-self:center}blogPost>content{font-family:"9 System A",serif;display:block;margin-top:0rem;padding:0rem 1rem 0rem 1rem;border:2px solid #adadad;text-align:left;color:#000;text-shadow:2px 2px 0px #fff;overflow-y:visible;order:1;flex:3 3 auto;align-self:center}content>img{border-radius:.5rem;overflow:hidden}blogPost>content>div>p{font-family:"Apple Garamond",serif}blogPost h1{text-align:center;padding:0 5vw 0 5vw}blogPost video{width:100%;height:40vh;object-fit:cover;border-radius:1rem;margin-top:1.5rem}blogPost h3{text-align:center;padding:0 5vw 0 5vw;font-family:"Apple Garamond",serif;font-size:14pt;font-weight:500}blogPost>h2{margin-bottom:-.5rem}blogPost>content .blogPostPill{color:#fff;background-color:rgba(0,0,0,.5);text-shadow:1px 1px 0px #000;font-family:"Geneva-9-1",serif;margin:0rem .25rem 0rem .25rem;padding:.25rem;border-radius:.25rem;font-size:11pt}#blogText{font-family:"Apple Garamond",serif;margin-top:2rem;font-size:14pt;padding-left:5vw;padding-right:5vw;margin-bottom:2rem}signature{font-size:16pt;font-weight:800;font-style:italic}signature img{width:2rem;position:relative;top:.65rem;padding-right:.25rem}@media (max-width: 1100px){main{flex-direction:row;flex-wrap:wrap-reverse}content{display:inline-block;margin-top:1rem}#windowDecorations{display:none}.closeButton{visibility:collapse}.windowTitle{visibility:collapse}.shadebuttonAndMaximizeButton{visibility:collapse}#windowDecorations{visibility:collapse}blogNav{position:relative;left:-1vw;width:80%}previewWindow{padding:.5rem 1.2rem 1.2rem 1.2rem;margin-bottom:3rem;background-color:#dedede;position:relative;left:-1vw;width:80%;background:#d8d8d8;border:3px solid #000;box-shadow:inset -5px -5px 0 0 #000,inset 7px 7px 0 0 #fff;z-index:2;order:2;flex:0 0 auto;align-self:center}previewWindow>content{font-family:"Apple Garamond",serif;display:block;height:100%;margin-top:1rem;padding:1rem 1rem 1rem 1rem;background-image:url("../img/bg-paper.png");text-align:center}previewWindow>content>img{height:100vw}blogPost{padding:.5rem 1.2rem 1.2rem 1.2rem;margin-bottom:3rem;position:relative;left:-.5rem;top:-1.25rem;background-color:#dedede;background:#d8d8d8;border:3px solid #d8d8d8;box-shadow:inset -5px -5px 0 0 #000,inset 7px 7px 0 0 #fff;z-index:2;order:1;flex:1 1 auto;align-self:center}contentWindow{position:relative;left:-2vw;width:83%;height:auto;order:1;flex:0 0 auto;align-self:center}}