.AppShell{background-color:#0e1f2c;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}.AppMain{flex:1;display:block}.AppFooter{font-family:Barlow,sans-serif;background-color:#2c4263;color:#fff;padding:2.5rem 1.5rem;display:flex;gap:.1rem;justify-content:center;align-items:center;flex-direction:column}.AppTagline{margin:0;line-height:1.1;font-weight:400;opacity:.9}.appbar{background-color:#14141b}.header{display:flex;justify-content:space-between;align-items:center;align-items:flex-start;width:100%;box-sizing:border-box;padding:1.1rem 2.2rem;gap:1rem}.header-left{display:flex;flex-direction:column;align-items:flex-start}.portfolio_header{font-family:Barlow,sans-serif;font-weight:700;font-size:3.5rem;margin:0;color:#fff}.portfolio_subheader{font-family:Barlow,sans-serif;font-weight:300;font-size:1.5rem;margin-top:.15rem;color:#fff;margin-bottom:0}@media(max-width:768px){.header{padding:1rem 1.25rem}}.subheader_button{color:#fff;font-family:Barlow,sans-serif;font-weight:600}.subheader-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:30px;padding:0 2.2rem;background-color:#14141b}.resume_button{background-color:#0e1f2c;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-family:Barlow,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.resume_button:hover{background-color:#333}.about_me_wrapper{max-width:1300px;margin:4rem auto;padding:3.5rem 2.5rem;border:8px solid white;border-radius:16px;background-color:#2f4c72;box-sizing:border-box}.about_me_paragraph{text-align:left;font-family:Barlow,sans-serif;font-weight:300;font-size:1rem;margin-top:.15rem;color:#fff;margin-bottom:0}.about_header{text-align:center;font-family:Barlow,sans-serif;font-weight:700;font-size:3.5rem;margin:0 0 .2rem;color:#fff}.section_wrapper{max-width:2000px;margin:4rem auto;padding:3.5rem 2.5rem;border:5px solid white;border-radius:16px;background-color:#222;box-sizing:border-box}.section_header{text-align:center;font-family:Barlow,sans-serif;font-weight:700;font-size:4rem;margin:0 0 2rem;color:#fff}.section_paragraph{text-align:left;font-family:Barlow,sans-serif;font-weight:300;font-size:3rem;line-height:1.6;color:#fff;margin-bottom:1rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}