:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1;margin-bottom:20px}@media(max-width:768px){h1{font-size:2.5em;margin-bottom:15px}}h1,h2,h3{margin-top:0}h2{font-weight:600;font-size:2em;margin-bottom:25px;color:#25b0f1}@media(max-width:768px){h2{font-size:1.5em;margin-bottom:20px}}h3{font-weight:600;margin-bottom:25px}@media(max-width:768px){h3{font-size:1.3em;margin-bottom:20px}}p{font-size:20px;margin:0}p:not(:first-of-type){margin-top:15px}@media(max-width:768px){p{font-size:16px}}button{border:none;padding:0;background-color:transparent;display:block}button a{border-radius:5px;border:1px solid #25b0f1;padding:.9em 1.7em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:#fff;display:block;cursor:pointer;transition:border-color .3s linear,background-color .3s linear}@media(max-width:768px){button a{font-size:16px}}button a:hover,button a:focus{background-color:#25b0f1;color:#fff}button a:focus-visible{outline:4px auto -webkit-focus-ring-color;color:#fff}.container{margin:0 auto;position:relative;width:100%;padding:0 5%}@media only screen and (min-width:64em){.container{width:960px;padding:0}}@media only screen and (min-width:77.56em){.container{width:1200px}}.extended-container{max-width:90%;margin:0 auto}@media(max-width:1096px){.extended-container{width:980px;padding:0 5%}}@media(max-width:768px){.extended-container{width:95%}}#root{text-align:left;width:100%}.card{padding:2em}.about-me{padding:3rem 0;background-color:#f3f3f3}@media(max-width:1096px){.about-me{padding:2rem 0}}.about-me .about-flex{display:flex;gap:2rem;align-items:center}@media(max-width:1096px){.about-me .about-flex{flex-direction:column;text-align:center}}.about-me .about-flex .image-container{width:25%}@media(max-width:1096px){.about-me .about-flex .image-container{width:100%}}.about-me .about-flex .image-container img{border-radius:100%;width:100%;height:auto;max-width:300px;max-height:300px}.about-me .about-flex .about-content{width:75%}@media(max-width:1096px){.about-me .about-flex .about-content{width:100%}}.about-me .about-flex .about-content .accomplishments{display:flex;gap:2rem;list-style:none;padding:0;flex-wrap:wrap;justify-content:space-between;margin-top:30px;margin-bottom:0}@media(max-width:768px){.about-me .about-flex .about-content .accomplishments{flex-direction:column;gap:1.5rem}}.about-me .about-flex .about-content .accomplishments .accomplishment{display:flex;align-items:center;gap:.5rem;width:47%}@media(max-width:768px){.about-me .about-flex .about-content .accomplishments .accomplishment{flex-direction:column;width:100%}}.about-me .about-flex .about-content .accomplishments .accomplishment img{width:76px;height:70px;display:block}.about-me .about-flex .about-content .accomplishments .accomplishment span{font-weight:600;font-size:1.2em;text-align:left}.contact-section{background-color:#f0eff1;padding:3rem 0}@media(max-width:768px){.contact-section{padding:2rem 0}}.contact-section h3{margin-bottom:0;font-size:24px;line-height:1.2}.contact-section ul{padding:0;list-style:none}.contact-section ul li{margin-bottom:5px}.contact-section ul li a{font-size:20px;color:#213547;text-decoration:underline}.contact-section ul li a:hover,.contact-section ul li a:focus{text-decoration:none}.education-section{background-color:#f7f5f6;padding:3rem 0}@media(max-width:768px){.education-section{padding:2rem 0}}.education-section .education-list{display:flex;gap:2rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.education-section .education-list .education{width:47%;box-shadow:0 4px 6px #0000001a;background-color:#f0eff1;border-radius:8px;padding:1.5rem}@media(max-width:768px){.education-section .education-list .education{width:100%}}.education-section .education-list .education h3{margin-bottom:5px}.education-section .education-list .education h4{margin-top:0;margin-bottom:15px}@media(max-width:768px){.education-section .education-list .education h4{font-size:20px}}.experience-section{background-color:#f0eff1;padding:3rem 0}@media(max-width:768px){.experience-section{padding:2rem 0}}.experience-section .experience-list{display:flex;gap:2rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.experience-section .experience-list .experience{width:47%;box-shadow:0 4px 6px #0000001a;background-color:#f0eff1;border-radius:8px}@media(max-width:768px){.experience-section .experience-list .experience{width:100%}}.experience-section .experience-list .experience .exp-header{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;padding:1.5rem}.experience-section .experience-list .experience .exp-header h3{margin-bottom:5px}.experience-section .experience-list .experience .exp-body{padding:2.4rem 1.5rem}@media(max-width:768px){.experience-section .experience-list .experience .exp-body{padding:1.5rem}}.experience-section .experience-list .experience .exp-body h4{margin-top:0;margin-bottom:15px}@media(max-width:768px){.experience-section .experience-list .experience .exp-body h4{font-size:20px}}.experience-section .experience-list .experience .exp-body ul{padding-left:15px}footer{padding:3em 0;background-color:#123959;color:#fff}@media(max-width:768px){footer{padding:1.5em 0}}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:.5rem}footer ul li a{color:#fff;text-decoration:none;font-size:20px}footer ul li a:hover,footer ul li a:focus{text-decoration:underline;color:#fff}footer .footer-flex{display:flex;gap:2rem;justify-content:space-between}@media(max-width:768px){footer .footer-flex{flex-direction:column;gap:1.5rem}}footer .footer-flex .name-col{position:relative;width:30%}@media(max-width:768px){footer .footer-flex .name-col{width:100%}}footer .footer-flex .name-col:after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background-color:#aab8cc;opacity:.3}@media(max-width:768px){footer .footer-flex .name-col:after{display:none}}footer .footer-flex .name-col img{width:76px;height:70px;display:block;float:left;margin-right:5px}footer .footer-flex .name-col h2{font-size:40px;margin-bottom:.4rem;color:#fff;line-height:1}footer .footer-flex .name-col p{font-size:smaller}footer .footer-flex .nav-col,footer .footer-flex .quick-links-col{width:20%}@media(max-width:768px){footer .footer-flex .nav-col,footer .footer-flex .quick-links-col{width:100%}}footer .footer-flex .collab-col{width:30%}@media(max-width:768px){footer .footer-flex .collab-col{width:100%}}footer .footer-flex .collab-col h3{font-size:20px}footer .footer-flex .collab-col p{margin-bottom:20px;font-size:18px}footer .footer-flex .collab-col button{width:75%}@media(max-width:450px){footer .footer-flex .collab-col button{width:100%}}footer .footer-flex .collab-col button a{background-color:#25b0f1;display:block;width:100%;transition:background-color .3s linear}footer .footer-flex .collab-col button a:hover,footer .footer-flex .collab-col button a:focus{background-color:transparent}footer .footer-flex h3{margin-bottom:1rem;font-size:24px}.copyright{padding:1rem 0;background-color:#0d3650;color:#fff;text-align:center}.top-bar{padding:2rem 0;background-color:#0d3650;color:#fff;text-align:center}@media(max-width:768px){.top-bar{padding:2rem 0}}.header{padding:6rem 0;color:#fff;position:relative}@media(max-width:768px){.header{padding:2rem 0}}.header h2,.header h3{font-weight:400}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#09212f;background:linear-gradient(90deg,#09212f,#fff0);z-index:-1}@media(max-width:768px){.header:before{background:#09212fcc}}.header:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-image:url(/assets/header-bg-i75vzp9N.jpg);background-size:cover;z-index:-2}.header .button-flex{display:flex;gap:1em;margin-top:35px}.projects-section{background-color:#0d3650;color:#fff;padding:3rem 0}@media(max-width:768px){.projects-section{padding:2rem 0}}.projects-section h2{color:#fff}.projects-section .projects-list{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:25px 0 0;padding:0}@media(max-width:768px){.projects-section .projects-list{gap:1.5rem}}.projects-section .projects-list .project{background-color:#fff;color:#000;width:31%;position:relative;border-radius:8px;height:auto}@media(max-width:1096px){.projects-section .projects-list .project{width:47%}}@media(max-width:888px){.projects-section .projects-list .project{width:100%}}.projects-section .projects-list .project a{display:block;border-radius:8px;width:100%;height:100%;transition:all .3s linear;background-color:#0009}.projects-section .projects-list .project a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background-color:#0000;transition:all .25s linear}.projects-section .projects-list .project a .project-image-container{height:100%;border-radius:8px}.projects-section .projects-list .project a .project-image-container img{border-radius:8px;width:100%;height:100%}:is(.projects-section .projects-list .project a:hover,.projects-section .projects-list .project a:focus):before{background-color:#000c}:is(.projects-section .projects-list .project a:hover,.projects-section .projects-list .project a:focus) .link-text{color:#fff}.projects-section .projects-list .project a .link-text{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;font-weight:600;color:transparent;display:block;width:95%;text-align:center;transition:all .25s linear}.skills-section{background-color:#0d3650;color:#fff;padding:3rem 0}@media(max-width:768px){.skills-section{padding:2rem 0}}.skills-section h2{color:#fff}.skills-section .skills-flex{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:25px 0 0;padding:0}@media(max-width:768px){.skills-section .skills-flex{gap:1.5rem}}.skills-section .skills-flex .skills-category{background-color:#1d4966;color:#fff;width:31%;position:relative;border-radius:8px;height:auto;padding:1.5rem}@media(max-width:1096px){.skills-section .skills-flex .skills-category{width:47%}}@media(max-width:888px){.skills-section .skills-flex .skills-category{width:100%}}.skills-section .skills-flex .skills-category h3{margin-bottom:.5rem}.skills-section .skills-flex .skills-category ul{padding-left:30px}