@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600,700,800&family=Inter:wght@400;500;600&display=swap);@media (max-width:500px){.name{color:aqua}}:root{--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:rgba(2,12,27,.7);--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:rgba(100,255,218,.1);--pink:#f57dff;--blue:#57cbff;--font-inter:"Inter",sans-serif;--font-fira:"Fira Code",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-smd:15px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-xxxl:28px;--fz-xxxxl:45px;--fz-heading:32px;--border-radius:4px;--nav-height:100px}*{box-sizing:border-box;font-family:Inter,Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;letter-spacing:.1px;margin:0;padding:0}html{font-size:10px;scroll-behavior:smooth}body{background-color:#0a192f;background-color:var(--navy);color:#8892b0;color:var(--slate);letter-spacing:-.3px;overflow-x:hidden}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#233554;background:var(--lightest-navy);border-radius:5px}.container{margin:0 auto;max-width:100rem}.primary-btn:link,.primary-btn:visited{background:transparent;border:1px solid #64ffda;border:1px solid var(--green);border-radius:4px;border-radius:var(--border-radius);color:#64ffda!important;color:var(--green)!important;padding:15px 20px;text-decoration:none;transition:.5s}.primary-btn:active,.primary-btn:hover{background-color:rgba(100,255,218,.1);background-color:var(--green-tint)}.vertical-line{background:#e6f1ff;background:var(--white);height:10rem;width:.1rem}.horizontal-line{background:#233554;background:var(--lightest-navy);height:.5px;width:20rem}.section-title{align-items:center;display:flex;margin-bottom:6rem}.section-title-number{color:#64ffda;color:var(--green);font-family:Fira Code,monospace;font-family:var(--font-fira);font-size:22px;font-size:var(--fz-xxl)}.section-title-body{color:#ccd6f6;color:var(--lightest-slate);font-size:28px;font-size:var(--fz-xxxl);font-weight:600;margin:0 2rem}.anchor-effect{position:relative}.anchor-effect:hover{color:#64ffda;color:var(--green);cursor:pointer}.anchor-effect:after{background-color:#64ffda;background-color:var(--green);bottom:-.3rem;content:"";height:2px;left:0;position:absolute;transition:.5s;width:0}.anchor-effect:hover:after{width:100%}@media (max-width:500px){.horizontal-line{margin-left:.5rem;width:16rem}.section-title-number{font-size:16px;font-size:var(--fz-md)}.section-title-body{font-size:2.5rem;font-weight:700;margin:0 1rem}}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(10,25,47,.85);display:flex;height:10vh;justify-content:space-between;padding:3rem 3%;position:fixed;top:0;width:100%;z-index:10}.logo img{width:5rem}.nav-menu{display:flex;gap:4rem;list-style:none}.nav-item{color:var(--lightest-slate);cursor:default;font-size:var(--fz-sm);text-decoration:none}.nav-item,.nav-item-number{font-family:var(--font-fira)}.nav-item-number{color:var(--green);margin-right:.5rem}.resume-btn:hover{cursor:pointer}.toggle-button{align-items:center;display:none;flex-direction:column;gap:.7rem;height:30px;justify-content:center;position:absolute;right:3rem;top:3rem;width:30px}.bar{background-color:#fff;height:3px;width:100%}@media (max-width:500px){.logo img{width:3rem}header{padding:5%}.nav-menu{background-color:var(--light-navy);display:none;gap:5rem;height:100vh;position:absolute;right:0;top:0;width:100vw}.nav-item,.nav-menu{align-items:center;flex-direction:column;justify-content:center}.nav-item{display:flex;font-size:var(--fz-lg)}.nav-item-number{margin:0}.toggle-button{display:flex;z-index:10}.nav-menu{padding-bottom:10rem}.nav-menu.active{display:flex}.bar1.active{position:absolute;right:10%;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bar2.active{visibility:hidden}.bar3.active{position:absolute;right:10%;top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.home{display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;padding:0 5rem}.hi{color:var(--green);font-family:var(--font-fira);font-size:var(--fz-lg)}.name{color:var(--lightest-slate)}.name,.role{font-size:7rem;font-weight:600}.description,.role{color:var(--slate)}.description{font-size:1.5rem;line-height:1.6;margin-top:1rem;max-width:50rem}.description a{color:var(--green);text-decoration:none}.home-btn{align-self:flex-start;display:inline-block;font-size:var(--fz-lg);margin-top:5rem}@media (max-width:500px){.home{height:90vh}.hi{font-size:var(--fz-md)}.name,.role{font-size:3rem}.home{padding:0 2rem}.home-btn{font-size:var(--fz-sm)}}.socials-div{align-items:center;bottom:0;color:var(--white);display:flex;flex-direction:column;gap:3rem;left:3.2%;position:fixed}.socials-icons{color:var(--lightest-slate);transition:.5s}.socials-icons:hover{color:var(--green);-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:500px){body{position:relative}.socials-div{bottom:10rem;flex-direction:row;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.socials-div .vertical-line{display:none}}.email-div{align-items:center;bottom:0;display:flex;gap:4rem;position:fixed;right:3.2%;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.email-div a:hover{color:var(--green)}.email-div a{color:var(--lightest-slate);font-family:var(--font-fira);font-size:var(--fz-xs);text-decoration:none}@media (max-width:500px){.email-div{display:none}}#about-section{padding:12rem 5rem 15rem}.about-div{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);margin-bottom:5rem}.about-left{display:flex;flex-direction:column;font-size:var(--fz-smd);gap:2.5rem;grid-column:1/4;line-height:1.3}.about-skills{display:grid;grid-template-columns:repeat(2,1fr)}.about-skills ol{list-style:none}.about-skills li{font-family:var(--font-fira);font-size:var(--fz-sm)}.about-skills li:before{color:var(--green);content:">";margin-right:1rem}.about-right{display:flex;grid-column:4/6;justify-content:center}.developer{align-self:flex-start;border-radius:10px;box-shadow:0 0 40px -10px #000;position:relative;width:30rem}@media (max-width:500px){#about-section{padding:10vh 5% 0}.about-div{display:flex;flex-direction:column;gap:5rem}}#work-section{max-width:850px!important;padding:15rem 5rem}.work-div{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr)}.work-names{display:flex;flex-direction:column}.work-button{background:none;border:none;border-left:2px solid var(--slate);color:var(--slate);font-family:var(--font-fira);font-size:var(--fz-sm);padding:1rem 2rem;text-align:left;transition:.5s}.work-button:hover{background-color:var(--light-navy);border-left:2px solid var(--green);color:var(--green)!important;cursor:pointer}.work-body{grid-column:2/5}@media (max-width:500px){#work-section{padding:10vh 5% 0}#work-section .horizontal-line{width:5rem}.work-names{align-items:flex-start;flex-direction:row;overflow-x:scroll}.work-button{border-bottom:2px solid var(--slate);border-left:none}.work-button:hover{background-color:var(--light-navy);border-bottom:2px solid var(--green);border-left:none;color:var(--green)!important;cursor:pointer}.work-div{display:flex;flex-direction:column;gap:3rem}}.job-title-div{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem 0}.job-title{font-size:var(--fz-xxl)}.job-role{color:var(--lightest-slate);font-weight:500;margin-right:1rem}.job-at,.job-place{color:var(--green)}.job-place{text-decoration:none}.job-duration{color:var(--light-slate);font-family:var(--font-fira);font-size:var(--fz-xs)}.job-description{font-size:var(--fz-smd);line-height:1.3;list-style:none;margin-bottom:1rem;margin-left:4rem;position:relative}.job-description:before{color:var(--green);content:">";left:-4rem;position:absolute}#projects-section{padding:15rem 5rem}.each-project{align-items:center;display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:20rem}.last-project{margin-bottom:0}.each-project img{border-radius:10px;box-shadow:0 0 40px -10px #000;grid-row:1/2;width:100%}.project-img-anchor{grid-column:1/8;grid-row:1/2;transition:.5s;width:100%}.project-img-anchor:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.project-info{gap:3rem;grid-row:1/2;z-index:5}.project-head,.project-info{display:flex;flex-direction:column}.featured-project{color:var(--green);font-family:var(--font-fira);font-size:var(--fz-sm);margin-bottom:1rem}.project-name{color:var(--white);font-size:var(--fz-xxxl);font-weight:700;text-decoration:none}.project-name:hover{color:var(--green);cursor:pointer}.project-description{background-color:var(--light-navy);border-radius:10px;color:var(--light-slate);font-size:var(--fz-sm);line-height:1.6;padding:2rem 2rem 2rem 3rem}.project-info ul{-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;list-style:none;row-gap:.2rem}.project-info li{font-family:var(--font-fira);font-size:var(--fz-sm)}.project-info li,.project-socials-icons{color:var(--light-slate)}.project-socials-icons:hover{color:var(--green)}.project-img-odd{grid-column:1/8}.project-img-anchor-even,.project-img-even{grid-column:6/13}.project-info-odd{align-items:flex-end;grid-column:7/13}.project-info-even{align-items:flex-start;grid-column:1/8}.project-head-odd{align-items:flex-end}.project-head-even{align-items:flex-start}.project-description-odd{text-align:right}.project-description-even{text-align:left}.project-socials-icons-odd{margin-left:2rem}.project-socials-icons-even{margin-right:2rem}@media (max-width:500px){#projects-section{padding:10vh 5% 0}#projects-section .horizontal-line{width:3rem}.project-img-anchor{display:none}.featured-project{font-size:var(--fz-xxs)}.project-name{font-size:var(--fz-xxl)}.project-description{background:none;font-size:var(--fz-xs);padding:0}.each-project{border-radius:2rem;display:flex;flex-direction:column;margin-bottom:5rem;overflow:hidden}.project1{background:url(/static/media/rmt.83e9152ee9766b5811bd.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.project2{background:url(/static/media/rtqcr.62b10d2698a8ed243068.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.project3{background:url(/static/media/the-wild-oasis.e59faf027d568df1550b.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.project4{background:url(/static/media/worldwise.031321dd5e1d7e44e811.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.project5{background:url(/static/media/usepopcorn.eeabdfcfcf8c9640917b.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.project-info{background-color:rgba(17,34,64,.9);display:flex;flex-direction:column;gap:2rem;padding:2rem}.project-info li{color:var(--light-slate);font-family:var(--font-fira);font-size:var(--fz-xs)}.project-head-even,.project-head-odd,.project-info-even,.project-info-odd{align-items:flex-start}.project-description-even,.project-description-odd{text-align:left}.project-socials-icons-odd{margin:inherit;margin-right:2rem}.project-socials-icons-even{margin-right:2rem}}#contact-section{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:15rem 5rem}.contact-heading{align-items:flex-end;color:var(--green);display:flex;font-size:var(--fz-md);gap:1rem}.contact-heading-number,.contact-heading-text{font-family:var(--font-fira)}.contact-GIT{color:var(--lightest-slate);font-size:60px;font-weight:600}.contact-text{font-size:var(--fz-md);text-align:center;width:600px}.say-hello{font-family:var(--font-fira);font-size:var(--fz-md);margin-top:5rem}@media (max-width:500px){#contact-section{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:20vh 5% 15rem}.contact-GIT{font-size:40px}.contact-heading-text{font-size:var(--fz-lg)}.contact-text{font-size:var(--fz-sm);text-align:center;width:100%}}#footer-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:15rem 5rem 5rem}#footer-section p{font-size:var(--fz-sm)}#footer-section a,#footer-section p{color:var(--light-slate);font-family:var(--font-fira)}#footer-section a{text-decoration:none}#footer-section a:hover{color:var(--green)}@media (max-width:500px){#footer-section{padding:5rem 5%}#footer-section p{font-size:var(--fz-xxs)}}
/*# sourceMappingURL=main.9e6efebe.css.map*/