nav ul{list-style:none;padding:0}nav ul li{display:flex;flex-direction:row;align-items:center;cursor:pointer;margin-bottom:10px;transition:ease-in-out .2s}nav ul li .line{border-bottom:solid 1px;width:30px;margin-right:5px;transition:width ease-in-out .2s}nav ul li a{margin-left:10px;text-decoration:none;transition:color ease-in-out .3s;color:#9ca6bc}.active .line{width:60px;transition:width ease-in-out .1s;color:#c4d0e8;font-weight:600}.active .anchor{margin-left:10px;text-decoration:none;transition:color ease-in-out .3s;color:#c4d0e8;font-weight:600}.lightMode ul li a{color:#10172a}.lightMode ul li.active .line,.lightMode ul li.active .anchor{color:#2e3037}header{display:flex;flex-direction:column;justify-content:baseline;margin-top:0vw}header h1{margin-top:0;margin-bottom:0;color:#c4d0e8}header h2{color:#c4d0e8;font-size:1.25rem;line-height:1.75rem}header.lightMode h1{color:#10172a}header.lightMode h2{color:#10172a}section{margin-top:0vw;margin-bottom:100px}section p{margin-top:0;font-size:large}section p .stressed{color:#c4d0e8;font-weight:600}section.lightMode p .stressed{color:#2e3037}.project{display:flex;flex-direction:row;align-items:flex-start;width:500px;margin:0;position:relative}.project a{text-decoration:none;color:#9ca6bc}.project.lightMode a{color:#10172a}.project.lightMode .miniature img{border-color:#6c757d!important}.project.lightMode .backgroundHover .description .titleProject h2{color:#2e3037}.project.lightMode .focused .description .titleProject h2,.project.lightMode .focused .description .titleProject .arrow{color:#000}.project.lightMode .focused .miniature img{border-color:#000!important}.project .backgroundHover{display:flex;flex-direction:row;padding:20px;position:relative;border-radius:5px;box-sizing:border-box;transition:all .2s ease}.project .backgroundHover .miniature img{height:76px;border:solid 2px;border-radius:5px;margin-right:20px;transition:all .2s}.project .backgroundHover .description .titleProject{display:flex;flex-direction:row;align-items:flex-start}.project .backgroundHover .description .titleProject h2{color:#c4d0e8;margin-top:-8px;white-space:nowrap}.project .backgroundHover .description .titleProject .arrow{margin-top:10px;margin-left:10px;transform:translateY(-5px) rotate(-45deg);font-size:15px}.project .backgroundHover .description .tags{display:flex;flex-direction:row}.project .backgroundHover .description .tags p{box-sizing:border-box;color:#56d7c4;background-color:#122a39;padding:5px 10px;border-radius:20px;margin:5px}.project .backgroundBehind{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 1px);border-top:solid 1px rgba(255,255,255,.082);border-radius:5px;opacity:1;transition:opacity .3s ease}.project .backgroundBehind.unfocused{opacity:0}.project .backgroundBehind:not(.focused):not(.unfocused){opacity:0}.project .focused{background-color:#8c8c8c0d;box-shadow:0 2px 2px #00000018;transition:all .3s ease}.project .focused .description .titleProject h2,.project .focused .description .titleProject .arrow{color:#56d7c4;transition:all .2s ease-in-out}.project .focused .description .titleProject .arrow{transform:translate(5px,-10px) rotate(-45deg)}.project .focused .miniature img{border-color:#c4d0e8!important;transition:all .3s ease-in-out}.project .arrow:not(.focused):not(.unfocused){transform:translate(-10px,10px) rotate(-45deg);transition:all .2s ease-in-out}.project .unfocused{opacity:.5;transition:all .3s ease}.education{display:flex;flex-direction:row;align-items:flex-start;gap:20px;width:500px;margin:20px 20px 40px;position:relative}.education.lightMode.unfocused{color:#2e3037!important}.education.lightMode.focused h2{color:#000!important}.education,.education .backgroundHover{display:flex;flex-direction:row;padding:20px;position:relative;border-radius:5px;box-sizing:border-box;transition:all .2s ease}.education .dates{margin-top:5px;margin-right:10px;white-space:nowrap;opacity:.7}.education .dates p{width:50px}.education .information{margin-left:30px}.education .information h2{margin:0}.education .information h2 .icon{margin-left:10px;font-size:18px}.education .information h3{margin-top:0;font-weight:400}.education .information .content{margin-top:5px}.education .backgroundBehind{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 1px);border-top:solid 1px rgba(255,255,255,.082);border-radius:5px;opacity:1;transition:opacity .3s ease}.education .backgroundBehind.unfocused{opacity:0}.education .backgroundBehind:not(.focused):not(.unfocused){opacity:0}.education.focused{background-color:#8c8c8c0d;box-shadow:0 2px 2px #00000018;transition:all .3s ease}.education.focused h2{transition:all .3s ease;color:#56d7c4}.education.focused h2 .icon{transition:all .3s ease;transform:translateY(-10px)}.education.unfocused{opacity:.5;color:#9ca6bc;transition:all .3s ease}.education.unfocused h2{transition:all .3s ease}.education h2:not(.focused):not(.unfocused){transition:all .3s ease}.education .icon:not(.focused):not(.unfocused){transition:all .2s ease-in-out}footer{position:fixed;bottom:60px;left:250px}footer a{color:#9ca6bc;transition:all .2s ease-in-out;margin:15px}footer a:hover{color:#c4d0e8}footer a svg{width:30px;height:30px}footer.lightMode a:hover{color:#10172a}footer label{width:100px;height:50px;border-radius:50px;position:absolute;top:-60px;left:10px;background-color:#c8d4e3b3;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;transition:.3s}footer label:after{content:"";width:45px;height:45px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#6c757d,#10172a);border-radius:45px;box-shadow:0 5px 10px #0003;transition:.3s}footer input:checked+label{background-color:#10172ab3}footer input{width:0px;height:0px;visibility:hidden}footer input:checked+label:after{left:97px;transform:translate(-100%);background:linear-gradient(180deg,#10172a,#6c757d)}footer label svg{position:absolute;width:30px;top:10px;z-index:100}footer label svg.sun{left:60px;fill:#7e7e7e;transition:.3s}footer label svg.moon{left:10px;fill:#56d7c4;transition:.3s}footer input:checked+label svg.sun{fill:#56d7c4}footer input:checked+label svg.moon{fill:#7e7e7e}@media screen and (max-width: 1260px){footer label{top:100px;left:10px}}@media screen and (max-width: 740px){footer label{top:155px;left:100px}}#root{max-width:1280px;margin:auto;padding:2rem}.twoPages{display:flex;flex-direction:column;color:#9ca6bc;background-color:#10172a}.twoPages.lightMode{color:#10172a;background-color:#c8d4e3}.twoPages #frontPage{position:fixed;top:0;left:0}.twoPages .stack{margin-bottom:100px}.twoPages .stack .stackIcon{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;grid-auto-rows:minmax(50px,auto)}.twoPages .stack .stackIcon .icon{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.twoPages .stack .stackIcon .icon img{width:50px;height:50px;background-color:#ffffff1a;padding:5px;border-radius:50px;transition:all .2s ease-in-out}.twoPages .stack .stackIcon .icon img:hover{background-color:#ffffff4d;transform:scale(1.1)}.twoPages .appContainer{display:flex;flex-direction:row;gap:50px;margin:auto}.twoPages .appContainer .leftColumn{margin-top:5vw;display:flex;flex-direction:column;position:fixed;height:100vw;left:10%;top:0}.twoPages .appContainer .rightColumn{margin-top:5vw;display:flex;flex-direction:column;position:absolute;right:20%;top:0;width:450px}.twoPages .appContainer .rightColumn .educationSection{margin-top:100px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column-reverse;width:1000px;margin:auto;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media screen and (max-width: 1260px){body{width:97vw;position:relative!important;flex-direction:column}body #root{width:100vw!important;margin:0;padding:0}body #root .twoPages .appContainer{display:flex;flex-direction:column}body #root .twoPages .appContainer nav{display:none}body #root .twoPages .appContainer .leftColumn{position:absolute;width:90%;margin-top:50px;margin-left:50px;top:30px;left:0}body #root .twoPages .appContainer .leftColumn footer{position:absolute;top:15px;left:500px}body #root .twoPages .appContainer .rightColumn{position:absolute;margin-top:0;margin-left:50px;top:300px;left:0;width:90%}body #root .twoPages .appContainer .project{width:90vw}body #root .twoPages .appContainer .education,body #root .twoPages .appContainer .backgroundHover{width:87vw}body #root .twoPages .appContainer #education{margin-top:50px}body #root .twoPages .appContainer .miniature,body #root .twoPages .appContainer img{width:300px;height:180px;margin-right:30px}body #root .twoPages .appContainer a{width:100%!important}}@media screen and (max-width: 740px){body{width:97vw;position:relative!important;flex-direction:column}body #root{width:100vw!important;margin:0;padding:0}body #root .twoPages #frontPage{height:fit-content}body #root .twoPages .appContainer{display:flex;flex-direction:column}body #root .twoPages .appContainer nav{display:none}body #root .twoPages .appContainer .leftColumn{position:absolute;width:80%;margin-top:50px;margin-left:10px;top:30px;left:0}body #root .twoPages .appContainer .leftColumn h1{font-size:30px}body #root .twoPages .appContainer .leftColumn footer{position:static;display:flex;flex-direction:row;width:30px;margin:0}body #root .twoPages .appContainer .leftColumn footer a{margin-left:0}body #root .twoPages .appContainer .rightColumn{position:absolute;margin-top:20px;margin-left:10px;top:300px;left:0;width:80%}body #root .twoPages .appContainer .rightColumn .education{display:flex;flex-direction:column;margin-top:50px;margin-left:-30px}body #root .twoPages .appContainer .rightColumn .education .dates{position:absolute;top:-30px;left:32px}body #root .twoPages .appContainer .rightColumn #education{margin-top:100px}body #root .twoPages .appContainer #projects{margin-left:0;margin-top:-60px}body #root .twoPages .appContainer .project{width:90vw}body #root .twoPages .appContainer .backgroundHover{width:87vw;margin-left:0;margin-top:40px;padding:0}body #root .twoPages .appContainer .backgroundHover img{margin-top:10px}body #root .twoPages .appContainer .miniature,body #root .twoPages .appContainer img{width:150px;height:90px;margin-right:30px}body #root .twoPages .appContainer a{margin-left:0;width:100%;display:flex;flex-direction:column-reverse}}