html{background:#f1eeee}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feHeader{font-variant-ligatures:normal;letter-spacing:1px;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.05rem;font-weight:400}.feProjects{letter-spacing:1px;margin-left:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.15rem}.feParagraph{padding-top:2%;font-weight:300}.header{font-variant-ligatures:normal;letter-spacing:1px;grid-area:1/1/auto/3;height:auto;padding-top:2%;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.6rem;font-weight:90}.header-name{font-variant-ligatures:normal;letter-spacing:1px;padding-top:2%;padding-left:.2%;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.6rem;font-weight:60}.Header-About{font-variant-ligatures:normal;letter-spacing:1px;white-space:nowrap;border-right:3px solid;width:27ch;padding-left:.2%;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:70;animation:3s steps(22,end) typing,1.5s step-end infinite alternate blink;overflow:hidden}.NavItem{font-variant-ligatures:normal;letter-spacing:1px;padding-top:10px;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:80;display:inline-block}.NavItem:focus{font-weight:10}.ContactBtns{display:inline-block}.column{float:left;width:auto;padding-top:5px;padding-left:1px}.row:after{content:"";clear:both;display:table}.container{grid-gap:20px;grid-template-columns:1fr 3fr;padding-left:12.5%;display:grid}.leftHandNav{border-right:6px solid #000;grid-area:2/1;height:100%;padding-left:1.5%;padding-right:1.5%;position:relative}.footer{border-radius:5px;grid-area:8/1/auto/3;padding:10px;font-size:1rem;font-style:italic;font-weight:200}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}.routeComp{grid-area:2/2;padding-left:20px;padding-right:5%}.splashHeader{font-variant-ligatures:normal;letter-spacing:1px;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:500}.splahParagraph{padding-top:2%;font-weight:400}.NavItem{color:#000;text-decoration:none;transition:color .2s,font-weight .2s}.NavItem:visited{color:#000}.NavItem.active-link{color:#3f0d0d;border-bottom:2px solid #3f0d0d;font-weight:700}.NavItem:hover{color:#0070f3}@media (min-width:769px){main{margin-left:-15%;padding-right:5%}}@media (max-width:768px){.container{box-sizing:border-box;flex-direction:column;width:100%;padding:10px 20px;display:flex;overflow-x:hidden}.header{text-align:center;order:1;width:100%;padding-bottom:10px}.Header-About{white-space:normal;text-align:center;border-right:none;width:100%;max-width:fit-content;margin:0 auto;animation:none}.leftHandNav{border-bottom:1px solid #ccc;border-right:none;flex-direction:column;order:2;align-items:center;width:100%;margin-bottom:20px;padding:15px 0;display:flex}.leftHandNav nav ul{flex-wrap:wrap;justify-content:center;gap:15px;list-style:none;display:flex}main{order:3;width:100%;padding:0}.routeComp{word-wrap:break-word;width:100%;padding-right:0}.splahParagraph,.feParagraph{font-size:1rem;line-height:1.6}.footer{text-align:center;order:4;padding-top:30px}.row{justify-content:center;margin-top:10px}}*{box-sizing:border-box}.leftHandNav nav ul{margin:0;padding:0;list-style:none!important}body{width:100%;overflow-x:hidden}
