*,:after,:before{margin:0;padding:0;box-sizing:border-box}img{display:block}html{font-size:100%;scroll-behavior:smooth}:root{--primary-100: #e2e0ff;--primary-200: #c1beff;--primary-300: #a29dff;--primary-400: #837dff;--primary-500: #645cff;--primary-600: #504acc;--primary-700: #3c3799;--primary-800: #282566;--primary-900: #141233;--grey-50: #f8fafc;--grey-100: #f1f5f9;--grey-200: #e2e8f0;--grey-300: #cbd5e1;--grey-400: #94a3b8;--grey-500: #64748b;--grey-600: #475569;--grey-700: #334155;--grey-800: #1e293b;--grey-900: #0f172a;--black: #222;--white: #fff;--red-light: #f8d7da;--red-dark: #842029;--green-light: #d1e7dd;--green-dark: #0f5132;--small-text: .875rem;--extra-small-text: .7em;--backgroundColor: var(--grey-50);--textColor: var(--grey-900);--borderRadius: .25rem;--letterSpacing: 1px;--transition: .3s ease-in-out all;--max-width: 1120px;--fixed-width: 600px;--view-width: 90vw;--shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{background:"red";font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1;color:var(--textColor)}p{margin:0}h1,h2,h3,h4,h5{margin:0;font-family:var(--headingFont);font-weight:400;line-height:1;text-transform:capitalize;letter-spacing:var(--letterSpacing)}h1{font-size:clamp(2rem,5vw,5rem)}h2{font-size:clamp(1.5rem,3vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,2.5rem)}h4{font-size:clamp(1rem,2vw,2rem)}h5{font-size:clamp(.875rem,1.5vw,1.5rem)}.text{margin-bottom:1.5rem;max-width:40em}ul{list-style-type:none;padding:0}.img{width:100%;display:block;object-fit:cover}.btn{cursor:pointer;color:var(--white);background:var(--primary-500);border:transparent;border-radius:var(--borderRadius);letter-spacing:var(--letterSpacing);padding:.375rem .75rem;box-shadow:var(--shadow-1);transition:var(--transition);text-transform:capitalize;display:inline-block}.btn:hover{background:var(--primary-700);box-shadow:var(--shadow-3)}.title{text-align:center}.title-underline{background:#3c565b;width:4rem;height:.25rem;margin:0 auto;margin-top:1rem}body{background-image:linear-gradient(to top,whitesmoke,rgb(103,125,143));min-height:100vh;min-width:300px;margin:auto;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}nav{background:rgb(51,86,114);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:0;z-index:1;padding:.3rem;border-bottom:2px solid white;padding-left:15px;padding-right:15px}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.nav-header h3{color:#f5f5f5;text-shadow:2px 8px 1px rgb(22,25,28);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;cursor:pointer}.nav-toggle{font-size:1.5rem;color:#f5f5f5;background:transparent;border-color:transparent;transition:.3s ease-in-out all;cursor:pointer}.nav-toggle:hover{color:#f5f5f5;transform:rotate(90deg)}.links a{color:#f5f5f5;font-size:1rem;text-transform:capitalize;letter-spacing:1px;display:block;padding:.5 rem 1rem;transition:.3s ease-in-out all}.links a:hover{background:#05273f;color:#f5f5f5;padding-left:1.5rem}.links-container{overflow:hidden;transition:.3s ease-in-out all}a{text-decoration:none}ul{list-style:none}.social-icons{display:none}@media screen and (min-width: 600px){.nav-toggle{display:none}.nav-header{padding:0}.nav-center{max-width:1170px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.links-container{height:auto!important}.links{display:flex;gap:.5rem}.links a{padding:0}.links a:hover{padding:0;background:transparent}.social-icons{display:flex;gap:.5rem}.social-icons a{color:#f5f5f5;transition:.3s ease-in-out all}}.hero{min-height:10vh;background-image:linear-gradient(to left,white,rgb(103,125,143));padding:5px;display:flex;flex-flow:column nowrap;align-items:center;scroll-margin-top:3.3rem;letter-spacing:.05em}.hero__div{display:grid;grid-template-columns:2fr 1fr;gap:1em;margin:5px;padding:5px}.hero__h2{color:#fff;margin-bottom:10px;border:2px solid rgb(36,71,100);background-color:#00000042;border-radius:5px;padding:3px;animation:welcome 7s ease-in-out forwards}@keyframes welcome{0%{transform:translateY(-150%)}50%{transform:translateY(10%)}to{transform:translateY(0)}}.hero__img{width:min(100%,40vw);max-width:200px;height:auto;border-radius:50%;animation:borderAnimation 5s infinite linear}@keyframes borderAnimation{0%{border:2px solid red}25%{border:2px solid blue}50%{border:2px solid green}75%{border:2px solid yellow}to{border:2px solid purple}}.hero__div div{line-height:1.3;max-width:35em;color:#32485f;font-weight:700;margin:auto 0}figure{margin:auto 0}.footer-icons{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;width:100%}.footer-icons a{color:#0a2943;transition:.3s ease-in-out all}.footer-icons a:hover{color:#074374a4}.all-projects{padding:.3rem;display:flex;flex-direction:column;gap:2rem;padding:1rem;white-space:nowrap;scroll-margin-top:5rem;position:sticky}.projects{width:inherit;display:flex;flex-direction:column}.projects h2{color:#f5f5f5}.adv-projects,.fund-projects{scroll-margin-top:3.3rem}.select-project{display:flex;gap:1rem;flex-direction:column;align-items:center;background-color:#33567243;padding:5px;border-radius:15px;border:2px solid rgba(70,131,180,.174)}.select-project h3{color:#f5f5f5e6}.projects-select-list{display:flex;gap:.9em;list-style-type:none;padding:0;margin:0}.projects-select-list li a{display:block;padding:8px;border-radius:20px;background-color:#17293839}.select-project a:any-link{color:#f5f5f5;font-weight:600}.projects-select-list li a:hover{transform:scale(1.1);background-color:#333}.projects-center{width:inherit;max-width:var(--max-width);margin:0 auto;margin-top:3rem;display:grid;gap:1.5rem}.project{background:var(--white);display:block;border-radius:var(--borderRadius);box-shadow:var(--shadow-2);transition:var(--transition)}.project:hover{transform:scale(1.05);box-shadow:var(--shadow-4)}.project .img{height:auto;border-top-right-radius:var(--borderRadius);border-top-left-radius:var(--borderRadius)}.project h5{text-align:center;padding:1rem 0;color:var(--grey-700)}@keyframes spinner{to{transform:rotate(360deg)}}.loading{width:6rem;height:6rem;border:5px solid var(--grey-400);border-radius:50%;border-top-color:var(--primary-500);animation:spinner .6s linear infinite;margin:0 auto}.footer{position:sticky;bottom:0;height:8vh;background-color:#335672;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;color:#f5f5f5}.nowrap{white-space:nowrap}.about{display:flex;flex-direction:column;gap:1rem;padding:1rem;color:#fff;background-color:#00000037}.about-section-1 h3{text-align:center;color:#4682b4;font-weight:700;background-color:#f5f5f5;width:fit-content;margin:3px auto;padding:5px;border-radius:8px}.about-section-2{display:grid}.about-section-1,.about-section-2{line-height:1.2;letter-spacing:.05em;word-spacing:1.4px;border-radius:15px;padding:5px}.about-icons{font-size:200%;color:#4682b4;background-color:#f5f5f5;padding:2px;border-radius:8px}.about-section-2 h4{color:#4682b4;font-weight:800;background-color:#fff;width:fit-content;padding:4px;margin-bottom:5px;border-radius:5px}.about-section-2 ul li{margin:1em 0}.contact__section{display:flex;flex-direction:column;padding:4rem 1rem 1rem;gap:1rem;background-image:url(/assets/contactbg1-5a44c119.jpg);background-size:cover;letter-spacing:.05em}.contact-me-header{text-align:center;font-weight:700;color:#f5f5f5;background-color:#4683b4e0;padding:4px;width:fit-content;margin:0 auto;border-radius:8px}.contact__section p{color:#fff;padding:5px;border-radius:10px}.connect{font-weight:500;color:#f5f5f5;background-color:#4683b4c6;padding:2px;width:fit-content;border-radius:8px;margin-bottom:5px}.extra-icon{font-size:24px}.contact__section form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:1rem;width:80%;max-width:500px;border-radius:20px 15px 15px;border:2px solid steelblue}.contact-social-links{display:flex;gap:1em}.contact-social-links a:any-link{color:#f5f5f5;font-size:24px}.contact-social-links a:hover{color:#f5f5f5da}.contact-cons{width:250px;padding:5px;border-radius:10px;color:#f5f5f5}.contact-cons,.contact__section form,.contact__section p{background-color:#00000048}form h3{background-color:#4683b4e3;color:#f5f5f5;width:90%;text-align:center;padding:3px;margin-top:5px;border-radius:10px}form input,textarea{padding:5px;border-radius:8px;border:0;width:90%;text-align:center}textarea{height:150px}form button{color:#f5f5f5;font-size:larger;width:90%;font-weight:700;padding:.2em;border-radius:8px;border:none;background-color:#4682b4;margin-bottom:5px}@media screen and (min-width: 320px){.header{width:auto}.header__h2{font-size:18px}nav ul{font-size:12px}.hero__h2{font-size:15px}.contact__section p,.hero__div div{line-height:1.1;font-size:13px}.projects-center{grid-template-columns:1fr}.footer-icons{font-size:1rem}.about-section-2{grid-template-columns:1fr;row-gap:1.5rem}.hero,.all-projects,.about,.contact__section{scroll-margin-top:9rem}}@media screen and (min-width: 350px){.header__h2{font-size:25px}nav ul{font-size:15px}.hero__h2{font-size:20px}.about,.contact__section p,.hero__div div{line-height:1.1;font-size:15px}.projects-center{grid-template-columns:1fr 1fr}.footer-icons{font-size:1.3rem}}@media screen and (min-width: 567px){.header__h2{font-size:28px}nav ul{font-size:18px}.hero__h2{font-size:30px}.about,.contact__section p,.hero__div div{line-height:1.3;font-size:18px}.projects-center{grid-template-columns:1fr 1fr 1fr}.footer-icons{font-size:1.5rem}form input,textarea{font-size:1.2rem}.about-section-2{grid-template-columns:1fr 1fr}.hero,.all-projects,.about,.contact__section{scroll-margin-top:6rem}}@media screen and (min-width: 720px){.header__h2{font-size:30px}nav ul{font-size:1.3rem}.hero__h2{font-size:40px}.about,.contact__section p,.hero__div div{line-height:1.6;font-size:20px}.footer{font-size:1.3rem}.footer-icons{font-size:1.8rem}form input,textarea{font-size:1.3rem}.about-section-2{grid-template-columns:1fr 1fr 1fr}.hero,.all-projects,.about,.contact__section{scroll-margin-top:2rem}}@media screen and (min-width: 1024px){.header__h2{font-size:36px}nav ul{font-size:1.4rem}.hero__h2{font-size:40px}.about,.contact__section p,.hero__div div{line-height:1.8;font-size:24px}.footer{font-size:1.4rem}.footer-icons{font-size:2rem}form input,textarea{font-size:1.4rem}.hero,.all-projects,.about,.contact__section{scroll-margin-top:3rem}}