@font-face{font-family:__Josefin_Sans_a8383b;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/312bdf69facd99ca-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Josefin_Sans_a8383b;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/1b30b992a554bafd-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Josefin_Sans_a8383b;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/accc82dc8525882b-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Josefin_Sans_Fallback_a8383b;src:local("Arial");ascent-override:72.92%;descent-override:24.31%;line-gap-override:0.00%;size-adjust:102.85%}.__className_a8383b{font-family:__Josefin_Sans_a8383b,__Josefin_Sans_Fallback_a8383b;font-style:normal}body{background:#27374d;margin:0;padding:0}a{text-decoration:none}*{color:#dde6ed}.cursor-pointer:hover{cursor:pointer}.transition{transition:.5s}.ml-1{margin-left:1.125rem}@keyframes bounce{0%,to{transform:translateY(-50%)}2%{transform:translateY(calc(-50% - 25px))}4%{transform:translateY(-50%)}6%{transform:translateY(calc(-50% - 15px))}8%{transform:translateY(-50%)}10%{transform:translateY(calc(-50% - 10px))}12%{transform:translateY(-50%)}}.btn{border:none;padding:.5rem 1rem;border-radius:1.875rem;background:#27374d;color:#dde6ed;font-weight:700;display:inline-block}.btn:hover{background:#9db2bf}.btn--outline{background:#27374d;border:.063rem solid #27374d}.btn--outline:hover{background:#9db2bf}.SocialMediaList{display:inline-block;width:auto;height:auto;padding:1.25rem .938rem 0;background:transparent;position:fixed;left:2rem;top:10rem;z-index:10}.SocialMediaList .SocialMediaIcon{display:block;padding-bottom:1.25rem;width:1.5rem}.SocialMediaList .SocialMediaIcon_image,.navbar{width:100%}.navbar{padding:2rem 1rem;background:transparent;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.navbar_container{text-align:center;position:relative}@media screen and (max-width:600px){.navbar_container{text-align:right}}.navbar_logo{position:absolute;left:0}.navbar_logo img{width:8rem;height:2rem}.navbar_links a{font-weight:700;color:#dde6ed;font-size:1.3rem;padding:.313rem 1.563rem;letter-spacing:.15rem;transition:.5s}.navbar_links a:hover{color:#9db2bf}@media screen and (max-width:600px){.navbar_links a{font-size:1rem;padding:.313rem .625}}.headBanner{text-align:center;position:relative;padding:5rem 0 0;height:80vh}@media screen and (max-width:600px){.headBanner{height:auto}}.headBanner h1{color:#9db2bf;font-weight:900;padding:0;position:absolute;left:50%;transform:translateX(-50%);width:100%}.headBanner_title{font-size:6rem;margin:0;z-index:0}@media screen and (max-width:600px){.headBanner_title{font-size:4rem}}.headBanner_portrait{width:28.125rem;height:36.25rem;position:relative;z-index:1}.headBanner_name{font-size:9rem;z-index:2;margin:-7.188rem 0 0}@media screen and (max-width:600px){.headBanner_name{margin-top:-5.2rem;font-size:5.5rem}}.expand-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;border-radius:3.125rem;padding:0;text-decoration:none;overflow:hidden;width:3rem;height:3rem;transition:width .3s ease,background .3s ease}.expand-button .icon{font-size:1.25rem;margin:0 .75rem;transition:transform .3s ease}.expand-button .label{white-space:nowrap;display:none;transform:translateX(-.625);transition:opacity .3s ease,transform .3s ease;font-weight:500;margin-right:.75rem;color:#27374d}.expand-button:hover{width:17.5rem;justify-content:flex-end}.expand-button:hover .label{display:inline;opacity:1;transform:translateX(0);padding-left:.625rem}.expand-button:hover .icon{padding-right:.625rem}.contact-icon{display:flex;flex-direction:column;align-items:flex-end;gap:1.875rem;position:fixed;right:1.875rem;bottom:1.875rem;z-index:4}.contact-icon img{width:1rem;height:1rem}.resume{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;background:#000;padding:1rem 2rem;border-radius:10rem;animation:bounce 10.5s ease-in-out infinite}.projects{margin-top:6.25rem}@media screen and (max-width:600px){.projects{margin-top:15rem}}.projects h1{font-size:3rem;text-align:center;margin:0;padding:0 0 6.25rem}@media screen and (max-width:600px){.projects h1{padding-bottom:3.12rem}}.projects .projects-list{flex-wrap:wrap}.projects .projects-list,.projects .projects-list .project{display:flex;justify-content:space-between;align-items:flex-start}.projects .projects-list .project{width:50%;margin-bottom:1.875rem}@media screen and (max-width:600px){.projects .projects-list .project{width:100%;padding:2rem}}.projects .projects-list .project .thumbnail{width:30%;padding:0 1.875rem}.projects .projects-list .project .thumbnail img{width:80%;height:auto;border-radius:1.25rem}@media screen and (max-width:600px){.projects .projects-list .project .thumbnail{padding:0}}.projects .projects-list .project .details{width:70%}.projects .projects-list .project .details h2{margin:0}.projects .projects-list .project .details p{color:#9db2bf}.projects .projects-list .project .details .skills{display:flex;justify-content:flex-start;gap:1.25rem;align-items:center;flex-wrap:wrap}.projects .projects-list .project .details .skills .skill{padding:.625rem;border:.063rem solid #dde6ed;border-radius:6.25rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1000}.modal-overlay.visible{pointer-events:auto;opacity:1}.modal-overlay .modal-content{background:#27374d;border-radius:.5rem;padding:3rem;width:60%;transform:translateY(6.25rem);opacity:0;transition:transform .3s ease,opacity .3s ease;position:relative}.modal-overlay .modal-content.slide-up{transform:translateY(0);opacity:1;max-height:80vh;margin-top:10vh;margin-bottom:10vh}@media screen and (max-width:600px){.modal-overlay .modal-content.slide-up{overflow-y:scroll}}.modal-overlay .modal-content.slide-down{transform:translateY(6.25rem);opacity:0}.modal-overlay .modal-content li,.modal-overlay .modal-content p{font-size:1.3rem}.modal-overlay .modal-content .close{position:absolute;top:.625rem;right:.625rem}.modal-overlay .modal-content .close:hover{cursor:pointer}html{scroll-behavior:smooth;font-size:16px}@media screen and (max-width:1000px){html{font-size:12px}}@media screen and (max-width:600px){html{font-size:10px}}