:root{--main-background: #dbd8d8;--main-primary: #298b43;--main-secondary: #217237;--link-color: #222;--link-active-color: #fff;--default-link-color: #646cff;--default-link-hover-color: #535bf2;--tech-green: #37c25c}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#010000de;background-color:var(--main-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--default-link-color);text-decoration:inherit}a:hover{color:var(--default-link-hover-color)}ul{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}header{margin-bottom:2em;position:relative;background-color:var(--main-primary);padding:1em;display:flex}header span{min-width:fit-content;z-index:999;float:left;font-weight:700;flex:25%;padding-right:5em}footer{padding:1em 1em 0}.footer-mini-text{font-size:85%;font-style:italic}.container{width:95%;max-width:1000px;padding-bottom:2em;margin:-2.5em auto 2em;background:var(--link-active-color);border-radius:.5em;box-shadow:0 3px #0000001a;overflow:hidden}.container p{margin-left:2%;margin-right:2%}.externalLink{background-color:var(--main-primary);transition:background-color .3s ease;color:var(--link-color);border-radius:.5em;padding:.75em;text-align:center}.externalLink:hover{background-color:var(--main-secondary);color:#fff}#navbar{width:90%;flex:100%}#navbar a{font-size:95%;color:var(--link-color);text-align:center;text-transform:uppercase;padding:1em;transition:.2s;list-style-type:none}#navbar a:hover,#navbar .active{color:var(--link-active-color);background:var(--main-secondary);transition:background-color .3s ease}.navbarLink{display:inline;padding:.5em}#nameSpan{color:var(--link-color);margin-left:-15%}#headerName{color:var(--link-color);font-style:bold}.menuBtn{display:none}#homepageContent{text-align:left;width:85%;margin:auto}#homepageDiv{display:block}#shortcutsContainer{display:flex;flex-wrap:wrap;padding:1em;margin-top:3em}.shortcutContainer{flex:20%}.shortcutContainer img{max-width:35%;height:auto;background-color:var(--main-primary);padding:2em;border-radius:1em}.shortcutContainer img:hover{background-color:var(--main-secondary)}#aboutContent{display:block;text-align:left}.aboutMe{width:65%;margin:auto;text-align:center}#aboutContent h2,h3{text-align:center}#educationContainer{width:85%;margin:auto}.education{display:flex;margin:.5em}.dateRange{text-align:center}.educationList{flex:35%;text-align:left;margin:0 auto auto}.course-cert{width:85%;margin:auto}.relevantCoursework{flex:60%}#workExperience{width:85%;margin:auto}#widgetFootnote{font-style:italic;text-align:center;font-size:80%}#treehouseWidget{border:var(--main-primary) solid .5em;border-radius:.5em;margin:auto;max-width:80%;display:flex}#treehouseWidgetText{text-align:center;flex:40%;padding:1em;margin:auto}#treehouseWidgetText p{margin-top:2em}#pointsContainer{display:flex;flex-wrap:wrap;padding:1em;margin:1em}#pointsContainer p{text-align:center}#pointsContainer h4{margin:auto}#pointDisplayContainer{display:flex;flex-wrap:wrap;text-align:center;margin:auto}.pointDisplay{display:block;flex:20%;padding:.5em;margin:.5em}#projectsContainer{width:85%;margin:auto}.projectDivider{border-top:3px solid var(--link-color);width:75%;color:var(--link-active-color)}#projectsSubtitle{font-style:italic;font-size:90%;margin-left:5em;margin-right:5em}.project{display:flex;padding:.5em}.projectText{flex:55%;margin:auto;text-align:center;padding:1em}.projectImgDiv{flex:45%;margin:auto}.projectImg{max-width:100%;max-height:fit-content}.projectTechContainer{display:flex;flex-wrap:wrap;text-align:center;margin:auto;align-items:center;justify-content:center}.projectTech{margin:.5em;background-color:var(--tech-green);padding:.5em;border-radius:1em;text-align:center;box-shadow:2px 1px 1px var(--main-primary)}.projectDescription{text-align:left;margin-bottom:1.5em}#resumeDisplay{width:85%;height:1110px}#smallScreenNotice{visibility:hidden;display:none}#resumeLinkText{font-style:italic;font-size:80%}#notFound{width:85%;text-align:center;margin:auto}#notice{font-style:italic;font-size:80%;border:var(--main-primary) 1px solid;width:80%;margin:auto}@media only screen and (max-width: 700px){.container{max-width:700px;width:100%}p,h3{font-size:85%}h2{font-size:110%}body{width:100%;margin:auto}.nav{position:absolute;z-index:50;top:50px;left:0;width:100%;padding-top:.3em;padding-bottom:.8em;border:none;border-radius:.5em;background-color:var(--main-primary);transform:translateY(-150%);transition:transform .3s ease}.nav.open{transform:translate(0)}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem;color:var(--link-color);background-color:var(--main-primary);margin-top:.3em}#navbar{align-items:center;text-align:center;width:100%;font-size:150%}#navbar .active{color:var(--link-active-color);background:none;transition:background-color .3s ease;padding:.3em}#navbar li{padding:.2em}.navbarLink{display:block;margin:auto;padding:0;background-color:transparent;list-style:none}.menuBtn{display:block;background-color:var(--main-primary);transition:background-color .3s ease;color:var(--link-color);text-align:center;border:solid var(--main-primary);margin-top:.2em}.menuBtn img{filter:brightness(0%) saturate(0%) invert(0%) sepia(12%) saturate(408%) hue-rotate(97deg) brightness(87%) contrast(73%)}#nameSpan{margin-left:-10%}#homepageContent p{text-align:center;width:65%;margin:auto}#homepageTitle{text-align:center;width:90%;margin:auto;padding:1em;font-size:115%}#shortcutsContainer{display:flex;flex-wrap:nowrap;flex-direction:column}.shortcutContainer{flex:auto}#aboutContent{flex-direction:column}.aboutMe{width:85%;margin:auto}.education{flex-direction:column}#widgetFootnote{font-style:italic;text-align:center;font-size:60%}#treehouseWidget{flex-direction:column}#treehouseWidgetText,#pointsContainer,.pointDisplay{padding:0}#projectsTitle{margin-bottom:-1em;font-size:150%}.project{display:block;flex-direction:column}.projectTech{font-size:75%}.projectDescription{margin-bottom:2em}#smallScreenNotice{visibility:visible;display:block;font-style:italic}#notFound{width:85%;text-align:center;margin:auto}}@media only screen and (max-width: 900px){#nameSpan{margin-left:-5%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}