.app-container{display:flex;flex-direction:column;width:100%;height:100%}header{position:sticky;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);top:0;width:100%}.not-implemented{display:flex;align-items:center;justify-content:center;font-size:2.5rem}.app-bar-container{display:flex;align-self:stretch;background-color:#0000004d;align-content:center;justify-content:center;height:var(--appbar-height)}.app-bar-list{display:flex;align-items:stretch;justify-content:center;gap:20px;list-style-type:none;padding:0;margin:0}.app-bar-item{display:flex;align-items:center;cursor:pointer}.app-bar-item:hover:not(.selected){color:#1e90ff}.app-bar-item.selected{color:#87ceeb}.home-container{display:flex;flex-direction:column}.home-front{display:flex;flex-direction:row;min-height:100vh;flex:1;padding-left:48px;padding-right:48px}footer{display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:100vh;padding:0 48px}h1{padding:0;margin:0;font-size:2.5rem;font-weight:300}h2{padding:0;margin:0;font-size:1.75rem;font-weight:300}h3{padding:0;margin:0;font-size:1.5rem;font-weight:300}.name{display:inline-block;color:#1e90ff;font-weight:600}section{align-self:center;display:flex;flex-direction:column;row-gap:20px}p{padding-top:20px;font-size:1.1rem;line-height:1.5;width:50vw}.pfp-container{flex:1;height:100%;display:flex;align-items:center;justify-content:center}img{width:50%;align-self:center;border-radius:50%}.contacts-container{padding-top:3rem;display:grid;row-gap:1.5rem;column-gap:2.5rem;grid-template-columns:min-content auto}.contact-attribute{font-size:1.5rem;font-weight:500}.contact-value{font-size:1.5rem;font-weight:300;overflow-wrap:anywhere;color:#87ceeb}.contact-value a{color:#87ceeb;font-style:normal}.contact-value a:hover{color:#1e90ff;font-style:normal}@media (max-width: 900px){.home-front{flex-direction:column-reverse;align-items:center;width:100%}section{align-self:stretch}h1{font-size:2rem}h2{font-size:1.25rem}p{text-align:justify;width:100%}.pfp-container{width:100%;height:unset}img{height:50%;width:unset}}@media (max-width: 560px){.pfp-container{width:100%;height:25%;padding:24px 0}img{height:unset;width:50%}}.appbar-adjusted-height{height:100vh;margin-top:-3.2rem;padding-top:3.2rem;box-sizing:border-box}#panaroma-container{display:inline-block;width:24rem}.unobscured-text{color:#87ceeb}.obscured-text{color:#1e90ff}@media (max-width: 560px){#panaroma-container{width:100%}}.skills-container{display:flex;width:100%}#skill-list{flex:1;display:grid;justify-content:space-evenly;align-content:first baseline;grid-template-columns:repeat(auto-fill,16rem);gap:1.5rem;height:100%;overflow-y:auto;box-sizing:border-box;padding:16px 0}.skill-item{display:flex;justify-content:center;width:16rem;background-color:#ffffff0d;box-sizing:border-box;padding:1rem .5rem;border-radius:8px}#category-list{display:flex;flex-direction:column;gap:8px;width:max-content;height:100%;padding:8px;box-sizing:border-box;overflow-y:auto;background-color:#0003}.category-item{display:flex;padding:.75rem;justify-content:space-between;border-radius:8px}.category-item:hover:not(.selected){background-color:#0003;cursor:pointer}.category-item.selected{background-color:#00000080;color:#87ceeb}.category-name{padding-right:2rem}.right-svg{width:1rem;height:1rem}.right-svg.selected{fill:#87ceeb}.projects-container{display:flex;width:100%}#project-list{display:flex;flex:1;gap:16px;padding-top:16px;padding-bottom:16px;box-sizing:border-box;flex-direction:column;justify-content:start;height:100%;overflow-y:auto}.project-item{display:flex;background-color:#ffffff0a;padding:16px;margin:0 16px;border-radius:16px;flex-direction:column;justify-content:center;align-items:start}.project-name{color:#87ceeb;padding-bottom:12px;font-size:1.125rem}.project-description{text-wrap:wrap;font-size:1rem;color:#fff;margin:0;padding-bottom:12px}.project-links-container{display:flex;flex-direction:row;width:100%;gap:16px;padding-bottom:12px}.project-link{display:flex;align-items:center;border-radius:500px;color:currentColor;background-color:#0000004d;padding:2px .5rem;cursor:pointer}.project-link-icon{width:1rem;height:1rem;fill:currentColor;padding-right:.5rem}.edu-container{display:flex;width:100%}#edu-list{display:flex;flex:1;gap:16px;padding-top:16px;padding-bottom:16px;box-sizing:border-box;flex-direction:column;justify-content:start;height:100%;overflow-y:auto}.edu-item{display:flex;background-color:#ffffff0a;padding:16px;margin:0 24px;border-radius:16px;flex-direction:column;justify-content:center;align-items:start}.edu-name{color:#87ceeb;font-size:1.125rem}.edu-period{font-size:1rem;padding-bottom:18px}.edu-item-detail{display:flex;padding-bottom:.5rem;gap:12px}.edu-field{font-size:1rem;width:fit-content;color:#ffebcd}.edu-value{padding-left:8px;font-size:1rem;font-weight:100;flex:1}:root{font-family:roboto,consolas,monospace,system-ui,sans-serif;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--appbar-height: 3.2rem }#root{display:flex;width:100%}body{margin:0;display:flex;place-items:stretch;width:100%;min-width:320px;min-height:100%}a{text-decoration:none}a:visited{text-decoration:none;color:currentColor}ul{list-style-type:none;margin:0;padding:0}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}