#root{text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit;padding-left:5px;padding-right:5px}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.intro{display:flex;align-items:center}.headshot{width:600px}.projectPhoto{height:400px;border:solid;margin-left:10px;margin-right:10px}.GRprojectPhoto{height:250px;border:solid;margin-left:10px;margin-right:10px}.reviveProjectPhoto{width:284px;height:260px;border:solid;margin-left:10px;margin-right:10px}.appHeader{margin-top:0;display:flex;justify-content:space-between;margin-bottom:50px;border-bottom:solid}.appHeader2{margin-top:0;display:flex;justify-content:right;margin-bottom:50px;position:absolute;top:0;width:100vw}.appTitle{font-size:50px;font-family:Palatino,URW Palladio L,serif;font-weight:500;margin-top:0}a{font-size:30px}nav{margin-top:20px;border:solid;margin-right:3vw}.appFooter{margin-top:50px;height:200px}.breakline{width:500px;border-bottom:solid;margin:50px auto 0}p{font-size:20px}.introBlock{margin-left:10px;margin-right:10px}.introText{font-size:25px}.outroBlock{display:flex;justify-content:center}.ghBadge{width:500px}.outroText{width:500px;display:flex;align-items:center;font-size:25px;padding-left:2%;padding-right:20px}.homepageText{font-size:25px}.aboutSection{font-size:38px}.languageIcons{display:flex;width:400px;justify-content:center;margin:0 auto}.iconBlock{width:150px;margin-left:10px;margin-right:10px}.icon{width:80px;height:80px}.iconText{margin-top:-10px;font-size:17px}.express{width:100px;height:auto;margin-top:20px;margin-bottom:20px}.node{width:120px;height:auto;margin-top:10px;margin-bottom:18px}.react{height:90;width:auto}.css,.redux{height:80px;width:auto;margin-bottom:5px}.html{margin-bottom:4px}.shortBreakline{width:200px;border-bottom:solid;margin:0 auto}.projectsLink{font-size:38px;text-decoration:underline;font-weight:700}.navLink{height:25px}.intro{background-color:#f5eee9;background-color:#f1f0f5;background-color:#414673;background-color:#dde9ed;color:#000;padding:36px 30px 30px}.appLink{font-size:20px;font-weight:400;text-decoration:underline}h2{font-size:35px}h3{font-size:25px}.sldnHeader{font-size:10vw;position:absolute;right:0;left:0;margin:0 auto;color:#fff;z-index:10;animation:fadeToBlack 3s,adjustUp1 1s;animation-fill-mode:forwards}.sldnSubHeader{position:absolute;top:55vh;font-size:6vw;color:#fff;animation:fadeToBlack 3s,adjustUp2 5ms;animation-fill-mode:forwards;animation-delay:1.5s;width:100vw}.hp2Button{margin-right:10px;margin-left:10px;border:solid;border-color:#000;background-color:#fff}.hp2Button1{animation:upDown 1s;animation-delay:6.25s}.hp2Button2{animation:upDown 1s;animation-delay:6.5s}.hp2Button3{animation:upDown 1s;animation-delay:6.75s}.hp2Button:hover{border-color:#000;animation:upDown 1s}.hp2Buttons{position:absolute;top:85vh;opacity:0;animation:imageAppear 3s,adjustUp3 1s;animation-delay:4.25s,6s;animation-fill-mode:forwards;width:100vw}.sldnHomeButton{position:absolute;font-size:2.5vw;background-color:transparent;opacity:0;border:solid;animation:imageAppear 3s;animation-delay:2s;animation-fill-mode:forwards;margin-top:60vh}.slidingDivs{display:flex;align-items:center;width:100vw;margin:0 auto}@keyframes adjustUp1{0%{transform:translateY(0)}to{transform:translateY(-145px)}}@keyframes adjustUp2{0%{transform:translateY(0)}to{transform:translateY(-145px)}}@keyframes adjustUp3{0%{transform:translateY(0)}to{transform:translateY(-145px)}}@keyframes slideInSlideOutRight{0%{transform:translate(-150vw)}50%{transform:translate(0)}90%{transform:translate(150vw)}to{transform:translateY(-150vh)}}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideInSlideOutLeft{0%{transform:translate(150vw)}50%{transform:translate(0)}to{transform:translate(-150vw)}}@keyframes slideDownSlideOut{0%{transform:translateY(-150vh)}50%{transform:translate(0)}90%{transform:translateY(150vh)}to{transform:translate(-150vw)}}@keyframes slideUpSlideOut{0%{transform:translateY(150vh)}50%{transform:translateY(0)}to{transform:translateY(-150vh)}}@keyframes fadeToBlack{0%{color:#fff}to{color:#000}}@keyframes fadeToWhite{0%{color:#000}to{color:#fff}}@keyframes slideToPlaceLeft{0%{transform:translate(50vw)}to{transform:translate(0)}}@keyframes slideToPlaceRight{0%{transform:translate(-50vw)}to{transform:translate(0)}}@keyframes imageAppear{0% {opacity: 0}; 25% {opacity: 0} 75% {opacity: 0;} 100% {opacity: 1;};}@keyframes imageDisappear{0%{opacity:1}75%{opacity:1}to{opacity:0}}@media screen and (max-width: 500px){body{width:90vw}.appHeader{display:flex;flex-direction:column;width:80vw;margin:0 auto}.appTitle{width:90vw;font-size:20px;margin-left:-15px;margin-bottom:-18px}nav{display:flex;justify-content:center}a{font-size:20px}.breakline{width:200px}.appBody,.appFooter{width:70vw;margin:0 auto}body{width:60vw}.projectPhoto,.reviveProjectPhoto{width:60vw;height:auto;border-width:thin}p{font-size:16px}.appLink{font-size:18px}h1{font-size:30px}.headshot{width:50vw}.intro{flex-direction:column-reverse;margin:0 auto;width:60vw}.introText{font-size:16px}.languageIcons{width:80vw;display:flex;flex-wrap:wrap;justify-content:center;margin-left:-15px;margin-top:15px}.icon{width:80px;height:auto}.ghBadge{width:60vw;height:auto;margin-left:25px}.outroBlock{width:80vw;display:flex;flex-direction:column}.outroText{font-size:16px;width:80vw;margin-left:-18px;margin-bottom:-20px}#root{width:80vw;margin:0 auto}.homepageText{font-size:16px;margin:0 auto}.aboutSection{margin-left:8px}.projectsLink,.aboutSection{font-size:28px}.appFooter{margin-top:25px}.GRprojectPhoto{width:60vw;height:auto;border:solid;border-width:thin;margin-left:10px;margin-right:10px;justify-content:center}.mobileBreak{height:25px}.sldnHeader{font-size:10vw;position:absolute;right:0;left:0;margin:0 auto;color:#fff;z-index:10;animation:fadeToBlack 3s,adjustUp1 1s;animation-fill-mode:forwards}.sldnSubHeader{position:absolute;right:0;left:0;top:51.5vh;font-size:7vw;color:#fff;animation:fadeToBlack 3s,adjustUp2 5ms;animation-fill-mode:forwards;animation-delay:1.5s;width:100vw}}