body{margin:0;font-family:Roboto,Arial,sans-serif;background-color:#f4f4f9;color:#333;font-size:16px}html{scroll-padding-top:20rem}#app{display:flex;flex-direction:column;min-height:100vh}.loader{text-align:center;padding:2rem;font-size:1.25rem;color:#0073b1}.skip-link{position:absolute;top:-2.5rem;left:.625rem;background:#005582;color:#fff;padding:.5rem 1rem;text-decoration:none;font-size:1rem;z-index:1000;border-radius:.25rem;transition:top .3s ease}.skip-link:focus{top:.625rem;outline:.125rem solid #fff}.navigation-menu{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#0073b1,#005582);color:#fff;text-align:center;padding:1.25rem;box-shadow:0 .25rem .375rem #0000001a;z-index:1001}.navigation-menu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:1.25rem;transition:max-height .3s ease}.navigation-menu ul.menu-open{display:flex;flex-direction:column}.navigation-menu ul.desktop-menu{flex-direction:row}.navigation-menu a{color:#fff;text-decoration:none;font-weight:700}.navigation-menu a:hover{text-decoration:underline}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 48rem) and (orientation: portrait){.menu-toggle{display:block}.navigation-menu ul.desktop-menu{display:none}.navigation-menu ul{flex-direction:column;gap:.625rem}html{scroll-padding-top:5rem}}@media (min-width: 48.01rem) or (orientation: landscape){.menu-toggle{display:none}.navigation-menu ul{flex-direction:row;display:fixed}}.app-main{flex:1;padding:1.25rem;max-width:75rem;margin:2.5rem auto;background-color:#fff;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a}.app-footer{background-color:gray;color:#fff;text-align:center;padding:1.25rem .625rem;margin-top:1.25rem}.footer-content p{margin:.3125rem 0}.footer-content a{color:#fff;text-decoration:none;font-weight:700}.footer-content a:hover{text-decoration:underline}.header-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.profile-image{width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover;border:.25rem solid white;margin-right:2.5rem;box-shadow:0 .25rem .5rem #0003}.profile-image:hover,.profile-image:focus{transform:perspective(500px) rotateX(0) rotateY(0) scale(1.05);box-shadow:.9375rem .9375rem 1.875rem #00000080,-.625rem -.625rem 1.25rem #fff9;outline:none}.profile-image:focus{outline:.125rem solid #0073b1}.header-content h1{margin:0;font-size:2.5rem;font-weight:700}.header-content p{font-weight:700;font-size:1.5rem}.resume{padding:1.25rem;font-family:Arial,sans-serif;line-height:1.6;max-width:50rem;margin:0 auto;background-color:#f9f9f9;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a}.resume-header{position:sticky;top:3.4375rem;background:linear-gradient(135deg,#0073b1,#005582);color:#fff;text-align:center;padding:1.25rem;box-shadow:0 .25rem .375rem #0000001a;z-index:1000;align-items:center;justify-content:center}.contact-links{text-align:left}.contact-link{color:#fff;text-decoration:none}.contact-link:hover{text-decoration:underline}.resume-content{padding:1.25rem;background:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem #0000001a}@media (max-height: 48rem){.resume-header{display:none}}@media (max-width: 48rem) and (max-height: 48rem),(orientation: portrait) or (max-height: 48rem){.resume-header{display:none}}@media (max-width: 48rem){.header-container{flex-direction:column;text-align:center}.profile-image{margin-right:0;margin-bottom:.625rem}.left-margin{margin-left:1.5rem}}