:root{--primary-bright-1: #acacac;--primary-bright-2: #00ffdf;--primary-color-1: #acacac;--primary-color-2: #c8d6f6;--secondary-color-1: #919191;--secondary-color-2: #8492b0;--primary-dark-1: #101218;--primary-dark-2: #03192f;--font-family-heading: "Montserrat", "sans-serif";--font-family-body: "Inter", "sans-serif";--font-family-mono: "Red Hat Mono", "monospace"}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--font-family-body);background-color:var(--primary-dark-1)}.gradient{background:linear-gradient(135deg,#293d5a,#8f63ac);border-radius:8px;box-shadow:0 2px 4px #0003;padding:20px;color:#fff}#root{max-width:1280px;margin:0 auto;padding:1rem 0 0;width:100%}.App{padding:0 2rem;width:100%;margin:0 auto;color:var(--primary-color-1)}.container{width:90%;margin:0 auto}.heading-color-1{font-weight:700;color:var(--primary-bright-1)}.heading-color-2{font-weight:700;color:var(--primary-color-1)}.normal-wt{font-weight:500}a{font-weight:500;color:currentColor;text-decoration:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--primary-color-1);background-color:#1c2632;cursor:pointer;outline:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}button:hover{color:var(--primary-bright-1);border:1px solid var(--primary-bright-1)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.navbar-logo-container{display:flex}.navbar-title-logo{font-weight:700;font-size:2rem}.navigation{display:flex;list-style:none}.navbar-nav-items{padding:0 1rem}.navbar-nav-items a:hover{color:var(--primary-bright-1)}.cancel-logo,.hamburger{position:absolute;z-index:1000;top:2.2rem;right:2.5rem;width:2rem;cursor:pointer;display:none}.menu-logo img,.cancel-logo img{width:30px}.hero-container{display:flex;align-items:center;margin-top:8rem;justify-content:space-between}.hero-item-1{width:80%;text-align:left;flex:2;padding-right:2rem}.hero-item-1 div.heading-color-1{margin-bottom:5px;font-family:var(--font-family-mono);font-size:1.1rem;font-weight:500}.hero-item-1 p{font-size:4rem;font-weight:800;color:var(--secondary-color-1);word-spacing:-4px;line-height:1.2}.hero-item-1 h2{font-size:4rem;line-height:1.2;font-weight:800;letter-spacing:2px}.hero-item-1 p{letter-spacing:2px}.hero-item-2{text-align:right;flex:1}.hero-item-2 img{width:95%}.work-experience{margin:8rem 0 0}.work-experience h2{font-size:3rem;text-align:center;margin-bottom:3rem}.experience-item p{margin-bottom:10px}.position{color:var(--primary-color-1)}.company{font-size:1.8rem}.duration{font-size:.9rem}.contribution{padding-top:1rem;width:80%}.contribution ul{list-style:none}.contribution ul li{margin-bottom:10px;font-weight:500;font-size:1.1rem;color:var(--secondary-color-1)}.about-tooling-container{margin-top:8rem;animation:jackInTheBox 2s ease forwards}.about-tooling-container h2{text-align:center;font-size:3rem}.about-tooling{margin:3rem 0 0;align-items:center;border-radius:15px;display:grid;grid-template-columns:repeat(3,1fr);flex-wrap:wrap;gap:1.5rem;box-shadow:0 3px 10px #0003}.about-tool-item{color:#fff;align-items:center;background:#1c2632;border-radius:8px;display:flex;height:60px;justify-content:center;margin:1%;height:8rem}.box-icon{width:25%;text-align:center;margin-right:2rem}.about-tool-item .box-icon img{width:100%}.box-icon img.mongo{width:60%}.box-text{font-size:1.1rem}.social-handles{width:60%;text-align:center;margin:3rem auto}.social-links img{margin:1rem;width:40px}.project-container{margin:8rem auto 0}.project-container h2{text-align:center;font-size:3rem;margin-bottom:3rem}.project-cards-wrapper{margin:0 auto;padding:2rem 0 0;border-radius:1rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.project-card{width:18rem;border-radius:1rem;background-color:#1d232e;color:var(--secondary-color-1);padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-image-container{width:100%;overflow:hidden;margin-bottom:8px}.project-image-container img{border-radius:10px;width:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-image-container img:hover{transform:scale(1.5)}.project-title{color:#f6f8ff;font-size:1.4rem;margin-bottom:3px}.project-type-container{display:flex;border-bottom:2px solid #d7d7d7;padding:0 0 10px;margin:0 0 10px}.project-type{font-size:14px;color:#f6f8ff;margin-right:10px}.project-desc{line-height:1.5;letter-spacing:.1px;font-weight:500}.live-website img,.github-link img{width:1.2rem;margin-right:4px}.contact-container{margin:8rem 0 0}.contact-details-container{max-width:80%;margin:0 auto;text-align:center}.contact-details-container h2{font-size:2.5rem;line-height:2}.contact-details-container p{width:90%;margin:0 auto}.contact-details-container button{margin-top:1.6rem}.contact-social-handles{padding-top:2rem;margin-top:2rem}.home-intro-heading{font-size:3rem;text-align:center;margin-bottom:3rem}.home-intro-container{margin:8rem auto 0}.home-intro-items-container{display:flex;align-items:center}.home-intro-items-container p{font-size:1.05rem;margin-bottom:1rem;line-height:1.5;font-size:1.1rem;font-weight:500;color:var(--secondary-color-1)}.home-intro-item-1{flex:2}.home-intro-item-2{margin-right:2rem;flex:1;text-align:end}.home-intro-item-2 img{object-fit:cover;width:70%;border:1px solid var(--primary-bright-1);box-shadow:8px 8px 0 0 var(--primary-bright-1);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.home-intro-item-2 img:hover{box-shadow:-12px 12px 2px -1px var(--primary-bright-1)}footer{padding:4rem 0;background:transparent}.footer-container{display:flex;justify-content:space-around;align-items:center;width:90%;margin:0 auto;padding:1rem 0;color:var(--primary-bright-1)}.footer-social-links{display:flex;align-items:center}.footer-social-links img{margin:0 1rem;width:30px}.bottom-title{font-size:1.3rem;color:var(--primary-bright-1);font-weight:500;text-align:center;margin:3rem 0 2rem;font-family:monospace}#blur-background{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(8px);background-color:#fff0;z-index:1;display:none}@media (max-width: 502px){.about-tool-item{grid-column:span 2}}@media (max-width: 576px){.hamburger{display:block}.navigation{display:flex;flex-direction:column;position:absolute;top:0;right:0;gap:2rem;font-size:1.1rem;transform:translate(300px);transition:transform .3s ease-in-out;z-index:100;padding:1.9rem 5rem 1rem 1rem;height:100vh;background:#191e2a94;display:none}.hero-container{flex-direction:column-reverse;margin-top:3rem;padding:0 1rem}.hero-item-1{padding-top:3.2rem;width:100%}.hero-item-1 h2{font-size:2rem;line-height:1.5;font-weight:800}.hero-item-1 p{font-size:3.2rem;line-height:1.2;font-weight:800}.hero-item-2{text-align:center}.hero-item-2 img{width:50%}.home-intro-container{padding:0 0 0 1rem}.home-intro-heading{text-align:left}.home-intro-items-container{flex-direction:column-reverse}.home-intro-item-2{margin:0 0 3rem .1rem;text-align:left}.home-intro-item-2 img{width:50%}.home-intro-item-1{font-weight:500}.about-tooling-container h2,.heading-color-2,.work-experience h2,.project-container h2,.project-container h2,.contact-details-container h2{font-size:2.3rem}.company{font-size:1.3rem}.about-tooling{grid-template-columns:repeat(2,1fr)}.about-tool-item{gap:10px;padding:0 1rem;font-size:15px;height:4.5rem}.box-icon{width:25px}.box-icon img{width:100%}.work-experience h2{margin:0 0 3rem}.company .heading-color-1{font-weight:600}.contribution{padding-top:1.5rem;width:100%}.contribution ul li{margin-bottom:1rem;line-height:1.5;font-size:1.1rem}.projects-container{padding:0;margin:3rem 0}.project-cards-wrapper{padding:0}.project-image-container img{margin-bottom:1rem}.project-title{line-height:1.5}.contact-details-container{max-width:100%}.contact-details-container p{line-height:1.5;font-size:1.1rem}footer{padding:0 0 1rem}.footer-container{display:block}.footer-container p{text-align:center;font-family:monospace;font-size:14px}.footer-social-links{display:none}.box-icon{margin-right:10px}}@media (max-width: 392px){.hero-item-1 p{font-size:2.5rem}.hero-item-1 h2{font-size:1.8rem}}@media (min-width: 576px) and (max-width: 665px){.hamburger,.cancel-logo{display:none}.hero-item-1{flex:3}.hero-item-2{flex:2.2}.hero-item-1 h2{font-size:2.7rem}.hero-item-1 p{font-size:3rem}#hamburger,#cancel-logo{display:none}.about-tooling{grid-template-columns:repeat(2,1fr)}.about-tool-item{height:5rem}}@media (min-width: 665px) and (max-width: 992px){.hero-item-1{flex:3}.hero-item-2{flex:2.2}.hero-item-1 h2{font-size:3.2rem}.hero-item-1 p{font-size:3.8rem}.hero-item-2 img{width:100%}.home-intro-items-container{flex-direction:column-reverse}.home-intro-item-2{text-align:center}.home-intro-item-2 img{width:40%;margin-bottom:2.5rem}.about-tooling{grid-template-columns:repeat(2,1fr)}}