*{box-sizing:border-box;margin:0;padding:0}html{font-size:81.2%;scroll-behavior:smooth}body,html{overflow-x:hidden}body{color:#495057;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:400;line-height:1}@media(max-width:60em){html{font-size:56.25%}}@media(max-width:47.5em){html{font-size:50%}section.section-hero{padding:3.2rem 0 6.4rem}div.hero{grid-template-columns:1fr}.hero-img-box,.hero-text-box{text-align:center}.hero-img-box img.hero-img{width:70%}.footer div.grid{gap:5.6rem}.footer div.grid--footer{grid-template-columns:1.5fr 1.5fr}.footer .logo-col{grid-row:2}}@media(max-width:36em){button.btn-mobile-nav{display:block;z-index:9999}nav.main-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.9);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .5s ease-in;visibility:hidden;width:100%}.nav-open .main-nav{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.nav-open .btn-mobile-nav .icon-mobile-nav[name=close-outline]{display:block}.nav-open .btn-mobile-nav .icon-mobile-nav[name=menu-outline],.nav-open+main .hero .social-media-box{display:none}ul.main-nav-list{flex-direction:column;gap:4.8rem}ul .main-nav-link:link,ul .main-nav-link:visited{font-size:5rem}.section-about{padding:6.4rem 0 4.8rem}.section-about div.grid{gap:0}.section-about div.grid--2-cols{grid-template-columns:1fr}.section-about .about-text-box:first-child{grid-row:2;margin-bottom:3rem}div.logos{padding:0}.section-projects div.grid{gap:3.6rem 0}.section-projects div.grid--2-cols{grid-template-columns:1fr}.section-projects .project-text-box{margin-bottom:2.4rem}.section-projects .project-img-box:nth-child(2){grid-row:1}.section-projects .project-img-box:nth-child(6){grid-row:5}.section-projects .project-img-box:nth-child(10){grid-row:9}.section-projects .all-projects{line-height:1.6;margin:4.8rem auto 0}.contact .contact-img-box{flex-direction:column-reverse;gap:2.4rem}}@media(max-width:30em){div.hero{padding:0 2.4rem}.section-about div.container,.section-contact div.container,.section-projects .all-projects,.section-projects div.container,.section-skills div.container{padding:0 3.2rem}.nav-col ul.social-links{gap:1.4rem .5rem;grid-template-columns:repeat(2,1fr)}.nav-col ul.social-links .social-icon{height:3rem;width:3rem}}.section-about{padding:6.4rem 0 4.8rem}.section-about .container{margin:0 auto;max-width:120rem;padding:0 8rem}.section-about .subheading{color:#74c0fc;display:block;font-size:1.6rem;font-weight:600;letter-spacing:.75px;margin-bottom:1.2rem;text-transform:uppercase}.section-about .heading-secondary{font-size:3rem;margin-bottom:2.4rem}.section-about .grid{grid-column-gap:6.4rem;grid-row-gap:2.4rem;align-items:center;-webkit-column-gap:6.4rem;column-gap:6.4rem;display:grid;row-gap:2.4rem}.section-about .grid--2-cols{grid-template-columns:6fr 5fr}.about-text-box .text-box-line{border:2px solid #ced4da;border-radius:2px;margin-bottom:2.4rem;width:15rem}.about-text-box .about-description{font-size:1.6rem;line-height:1.6}.about-img-box{align-items:center;display:flex;justify-content:center;position:relative}.about-img-box .about-img{opacity:.65;width:24rem}.section-contact{padding:6.4rem 0 9.6rem}.section-contact .container{margin:0 auto;max-width:120rem;padding:0 8rem}.section-contact .subheading{color:#74c0fc;display:block;font-size:1.6rem;font-weight:600;letter-spacing:.75px;margin-bottom:1.2rem;text-transform:uppercase}.section-contact .heading-secondary{font-size:3rem;margin-bottom:2.4rem}.contact-btn .btn:link,.contact-btn .btn:visited{background-color:#74c0fc;border-radius:5px;color:#343a40;cursor:pointer;display:inline-block;font-family:inherit;font-size:2rem;font-weight:600;padding:1.6rem 3.2rem;text-decoration:none;transition:all .3s}.contact-btn .btn:active,.contact-btn .btn:hover{background-color:#4dabf7}.contact-img-box{align-items:center;display:flex;justify-content:space-evenly}.contact-img-box .email-box{align-items:center;display:flex;flex-direction:column}.contact-img-box .email-box .email-img{opacity:.7;width:25rem}.contact-img-box .email-box .email-text{color:inherit;font-weight:600;margin-top:-2rem;text-decoration:none}.section-hero{background-color:#fff;padding:3.2rem 0 9.6rem}.hero{grid-gap:3.2rem 8rem;align-items:center;display:grid;gap:3.2rem 8rem;grid-template-columns:6fr 4fr;margin:0 auto;max-width:130rem;padding:0 8rem}.hero-text-box .heading-primary{font-size:4.4rem;line-height:1.2;margin-bottom:2.4rem}.hero-text-box .hero-description{font-size:2.4rem;line-height:1.4}.hero-img-box{border-radius:2px;overflow:hidden;transition:all .5s}.hero-img-box:hover{background-color:#f8f9fa;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.075)}.hero-img-box .hero-img{background-color:transparent;width:100%}.social-media-box .social-media-icon{display:flex;gap:4.8rem;justify-content:center;list-style:none}.social-media-box .social-media-icon .social-icon{color:#495057;height:2.4rem;transition:all .5s;width:2.4rem}.social-media-box .social-media-icon .social-icon:hover{color:#1098ad}.section-projects{padding:6.4rem 0 4.8rem}.section-projects .container{margin:0 auto;max-width:120rem;padding:0 8rem}.section-projects .subheading{color:#74c0fc;display:block;font-size:1.6rem;font-weight:600;letter-spacing:.75px;margin-bottom:1.2rem;text-transform:uppercase}.section-projects .heading-secondary{font-size:3rem;margin-bottom:4.8rem}.section-projects .grid{grid-gap:9.6rem 3.2rem;display:grid;gap:9.6rem 3.2rem}.section-projects .grid--2-cols{grid-template-columns:repeat(2,1fr)}.project-text-box .heading-tertiary{color:#343a40;font-size:3rem;font-weight:600;margin-bottom:2rem}.project-text-box .project-description{font-size:1.8rem;line-height:1.6;margin-bottom:2.4rem}.project-text-box .project-tags{margin-bottom:4rem}.project-text-box .project-tags .tag{background-color:#dee2e6;border-radius:3px;font-weight:500;margin-right:1rem;padding:2px 5px}.project-text-box .project-button{-webkit-column-gap:1.2rem;column-gap:1.2rem;display:flex}.project-text-box .project-button .btn:link,.project-text-box .project-button .btn:visited{background-color:#e7f5ff;color:#343a40;font-size:1.6rem;font-weight:700;text-decoration:none;transition:all .3s}.project-text-box .project-button .btn:active,.project-text-box .project-button .btn:hover{background-color:#a5d8ff}.project-text-box .project-button .btn{align-items:center;border-radius:3px;-webkit-column-gap:1rem;column-gap:1rem;display:flex;margin-right:1rem;padding:4px 8px}.project-text-box .project-button .btn .project-icon{height:2.4rem;width:2.4rem}.project-img-box{align-items:center;display:flex;justify-content:center;position:relative}.project-img-box .project-img{transition:all .3s;width:70%}.project-img-box .project-img:hover{box-shadow:0 1.4rem 1.8rem rgba(0,0,0,.075);-webkit-filter:brightness(98%);filter:brightness(98%)}.all-projects{color:#0e7e92;font-size:2rem;font-weight:600;margin:8rem auto 0;max-width:120rem;padding:0 8rem;text-align:center}.all-projects-link:link,.all-projects-link:visited{border-bottom:2px solid;color:#41464a;font-size:inherit;font-weight:700;text-decoration:none;transition:all .3s}.all-projects-link:active,.all-projects-link:hover{border-bottom:none;color:#868e96}.section-skills{padding:6.4rem 0 4.8rem}.section-skills .container{margin:0 auto;max-width:120rem;padding:0 9.6rem}.heading-skills-in{color:#74c0fc;font-size:1.4rem;font-weight:600;letter-spacing:.75px;margin-bottom:2.4rem;text-align:center;text-transform:uppercase}.skills-description{font-size:3rem;font-weight:600;margin-bottom:3.2rem;text-align:center}.logos{grid-gap:5rem 0;display:grid;gap:5rem 0;grid-template-columns:repeat(4,1fr);justify-items:center;padding:0 9.6rem}.logos .logo{align-items:center;display:flex;flex-direction:column}.logos .logo img{-webkit-filter:brightness(0);filter:brightness(0);height:4.5rem;margin-bottom:1rem;opacity:50%}.logos .logo span{color:#495057;font-size:1.2rem;font-weight:600;text-align:center;transition:all .3s}.logos .logo:hover span{color:#74c0fc}.header .logo{height:6.5rem}.header{background-color:#fff;font-family:Inter,sans-serif;height:9.6rem;justify-content:space-between;padding:0 4.8rem;position:relative}.header,.main-nav-list{align-items:center;display:flex}.main-nav-list{gap:4.8rem;list-style:none}.main-nav-list li:nth-child(4) a{color:#228be6}.main-nav-list li:nth-child(4) a:active,.main-nav-list li:nth-child(4) a:hover{color:#3bc9db}.main-nav-link:link,.main-nav-link:visited{color:#495057;display:inline-block;font-size:1.8rem;font-weight:400;text-decoration:none;transition:all .3s}.main-nav-link:active,.main-nav-link:hover{box-shadow:0 2px 0 0 #adb5bd;color:#3bc9db}.btn-mobile-nav{background:none;border:none;cursor:pointer;display:none}.icon-mobile-nav{color:#333;height:4.8rem;width:4.8rem}.icon-mobile-nav[name=close-outline]{display:none}.sticky .header{background-color:hsla(0,0%,100%,.95);bottom:0;box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.03);height:5rem;padding-bottom:0;padding-top:0;position:fixed;top:0;width:100%;z-index:999}.sticky .header .logo{height:7rem}.sticky .section-hero{margin-top:8.6rem}.footer{border-top:1px solid #eee;font-size:1.6rem;padding:9.6rem 0 3.2rem}.footer .container{margin:0 auto;max-width:120rem;padding:0 3.2rem}.footer .grid{grid-gap:2.4rem;display:grid;gap:2.4rem}.footer .grid--footer{grid-template-columns:1.5fr 1.5fr 1fr 1fr}.footer .footer-heading{color:#495057;font-size:1.8rem;font-weight:600;margin-bottom:4rem}.footer .footer-link:link,.footer .footer-link:visited{color:#767676;text-decoration:none;transition:all .3s}.footer .footer-link:active,.footer .footer-link:hover{color:#131212}.logo-col{display:flex;flex-direction:column}.logo-col .footer-logo{display:block;margin-bottom:3.2rem}.logo-col .logo{height:8rem}.logo-col .copyright{color:#767676;font-size:1.4rem;line-height:1.6;margin-top:auto}.address-col .contacts{font-style:normal;line-height:1.6}.address-col .address{margin-bottom:1.6rem}.nav-col .footer-nav{grid-gap:2rem 0;display:grid;gap:2rem 0;grid-template-columns:3fr 4fr;list-style:none}.nav-col .social-links{grid-gap:2.4rem;display:grid;gap:2.4rem;grid-template-columns:repeat(4,1fr);list-style:none}.nav-col .social-links .social-icon{height:2.4rem;width:2.4rem}
/*# sourceMappingURL=main.ad39a183.css.map*/