@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Titillium Web",sans-serif;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;background:#6f6f6f}::-webkit-scrollbar-thumb{background:#d3d3d3}a,a:hover{color:#fff;text-decoration:none}.header{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.headerText{font-size:3rem;font-weight:600;color:#383838;width:-webkit-min-content;width:min-content;text-align:center}.headerBar{border-bottom:4px solid #484848;margin:1rem 2rem}.visible{height:12rem!important}.mobileNavbar,.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:9;height:4rem;width:100%;background:#2c303a;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.5rem 4rem;border-bottom:3px solid #01c4ff}.mobileNavbar{padding:0;-webkit-flex-direction:column;flex-direction:column}.menuIcon{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;height:100%;width:100%;padding:.5rem;cursor:pointer}.menu{width:2.5rem!important;height:2.5rem!important}.menuData{height:0;position:absolute;top:4rem;width:100%;background:#1f2229;overflow:hidden;transition:height .5s ease-out;-o-transition:height .5s ease-out;-webkit-transition:height .5s ease-out;-moz-transition:height .5s ease-out}.menuData .nav-items{font-size:17px;color:#fff;margin:0;padding:1rem 1rem 0}.menuData .nav-items:last-child{padding-bottom:1rem}.nav-items{font-size:18px;color:#fff;margin-right:2.5rem}.nav-items a{cursor:pointer}.nav-items>.active,.nav-items a:hover{color:#00d0ff}.nav-items a:hover{transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out}.home{height:100vh;background-color:#171a23;position:relative}.particles{position:absolute;height:inherit;width:100%}.introduction{display:-webkit-flex;display:flex;height:inherit;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.text{z-index:9;font-size:3.7rem;color:#fff;margin-bottom:1rem;text-align:center}.highlight0{color:#00c4ff;display:inline}.highlight0:first-child{margin-left:.8rem}.viewBtn{display:-webkit-flex;display:flex;position:relative;padding:.6rem 1.2rem;border:2px solid #fff;color:#fff;-webkit-align-items:center;align-items:center;font-size:22px;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}.viewBtn:hover{background-color:#04c2c9;border:2px solid transparent}.viewBtn:hover>.arrow{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}.arrow{height:1.8rem;margin-left:.5rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}#about{padding:4rem 3rem}.dataFlex{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:4rem 1rem}.dataFlex .hexagon{margin:0 2rem}.boxHolder{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.dataBox{width:16rem;padding:0 .5rem}.dataBox,.dataDesc,.portfolio{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.dataHeaders{font-size:26px;font-weight:700;color:#4e4e4e;margin-top:1rem;margin-bottom:.3rem}.dataPara{font-size:17px;color:rgba(78,78,78,.8784313725490196);line-height:18pt;text-align:center}.descGrid{display:grid;grid-template-columns:1fr 1.5fr;margin:5rem 0 0}.portfolioImg{width:15rem;height:15rem;object-fit:cover;border-radius:50%}.portfolioDesc{font-size:18px;line-height:18pt;text-align:justify;margin:1rem 0;padding:0 3rem;color:#6f6f6f}.hexagon{width:57px;height:100px;background:#04c2c9;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hexagon:after,.hexagon:before{content:"";border:inherit;position:absolute;top:0;left:-.1px;background-color:#04c2c9;border-radius:inherit;height:100%;width:100%;z-index:-999}.hexagon:before{transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);-moz-transform:rotate(60deg)}.hexagon:after{transform:rotate(-60deg);-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);-moz-transform:rotate(-60deg)}.iconify{color:#fff;height:4rem;width:4rem;z-index:999}.logos{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2.5rem 0}.logos div{justify-self:center;height:6rem;width:10rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.logos div:hover{transform:translateY(-10px) scale(1.1);-webkit-transform:translateY(-10px) scale(1.1);-ms-transform:translateY(-10px) scale(1.1);-o-transform:translateY(-10px) scale(1.1);-moz-transform:translateY(-10px) scale(1.1)}.progLogo{height:100%;width:100%;object-fit:contain}#projects{padding:4rem 3rem;background-color:#efefef;position:relative}.flex-box{position:relative;margin-top:3.5rem}.flex-bar{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;position:relative}.bar-items{padding:.3rem 3rem;font-size:18px;color:#3e3e3e;font-weight:700;transition:all .3s ease-in-out;cursor:pointer}.bar-active{color:#fff;background:#01c4ff}.gallery{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:2rem 0;min-height:25rem}.card{height:20rem;width:23rem;position:relative;background:url(/portfolio/static/media/Airbnb1.2c1a68ab.png);animation:fadein .6s ease-in;-webkit-animation:fadein .6s ease-in;-moz-animation:fadein .6s ease-in;-o-animation:fadein .6s ease-in}.card:hover>.overlay-card{opacity:1}.overlay-card{position:absolute;height:100%;top:0;left:0;width:100%;background:#fff;-webkit-justify-content:center;justify-content:center;opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-moz-transition:all .5s ease-in}.overlay-card,.project-header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.project-title{font-size:2.5rem;font-weight:600;color:#2c303a}.project-stack{font-size:1.3rem;margin-top:.5rem;color:#016a82}.view-btn{padding:.8rem 2rem;margin:2rem 0;border:2px solid #01c4ff;font-size:22px;color:#1f2229;text-transform:UPPERCASE;cursor:pointer;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;white-space:nowrap}.view-btn:hover{color:#fff;background-color:#00c4ff}.card-img{object-fit:cover}.card-img,.modal{width:100%;height:100%}.modal{background:rgba(0,0,0,.3);top:0;right:0;position:absolute;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.carousel{position:relative;overflow:hidden;height:40rem;width:60rem;background:#fff;animation:fadein .3s ease-in;-webkit-animation:fadein .3s ease-in;-o-animation:fadein .3s ease-in;-moz-animation:fadein .3s ease-in}.slider-transition{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out}.sliderTray___-vHFQ{display:-webkit-flex;display:flex}.slideInner___2mfX9{height:28rem;width:100%}.carousel__slider-tray-wrapper,.horizontalSlider___281Ls,.modal-img,.sliderTray___-vHFQ{height:100%}.modal-img{width:100%;object-fit:fill}.btn-group{position:absolute;top:0;width:100%;height:80%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 1rem}.btn-move{border:none;border-radius:50%;background:#2c303a;outline:none;height:4rem;width:4rem;cursor:pointer}.btn-move:hover{background:#23262d}.arrow-icon{height:2rem;display:-webkit-flex;display:flex;color:#fff}.modal-desc{position:absolute;background:#fff;bottom:0;width:100%;border-top:1px solid #cecece;padding:1rem 2rem}.modal-project-title{font-size:2.5rem;font-weight:600;color:#3e3e3e}.divider{margin:.5rem 0;border-bottom:1px solid #cecece}.modal-project-desc{font-size:20px;letter-spacing:.5px}.modal-grp{margin-top:2.5rem;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.modal-btn,.modal-grp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.modal-btn{-webkit-justify-content:center;justify-content:center;padding:.6rem 1.5rem;border:2px solid #01c4ff;cursor:pointer;color:#3e3e3e;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}.modal-btn:hover{background:#00c4ff;color:#fff}.modal-btn:hover>.url-icon{color:#fff}.url-icon{color:#3e3e3e;height:1.5rem;width:1.5rem;margin:0 .5rem;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}.close-icon{color:#3e3e3e;height:2rem;width:2rem;cursor:pointer}@-webkit-keyframes fadein{0%{opacity:0;transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9)}to{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}@keyframes fadein{0%{opacity:0;transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9)}to{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}#experience{padding:4rem 0 0}.exp-flex{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:5rem 0;grid-gap:10rem;gap:10rem}.exp-img{height:14rem;width:14rem;object-fit:contain;background:#ececec;padding:1em;border-radius:50%;opacity:.8;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}.exp-img:hover{opacity:1}.exp-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.exp-name{font-size:2rem;font-weight:600;color:#3e3e3e}.exp-desc{max-width:32rem;font-size:20px;text-align:justify;line-height:1.4;color:#3e3e3e;margin-top:2rem}#contact{padding:10rem 0 4rem;background:#1f2229;position:relative}#contact:after,#contact:before{content:"";position:absolute;width:50%;top:-2.5rem;height:5rem;background:#fff}#contact:before{transform:skewY(4deg);-webkit-transform:skewY(4deg);-ms-transform:skewY(4deg);-o-transform:skewY(4deg);-moz-transform:skewY(4deg)}#contact:after{right:0;transform:rotate(180deg) skewY(-4deg);-webkit-transform:rotate(180deg) skewY(-4deg);-ms-transform:rotate(180deg) skewY(-4deg);-o-transform:rotate(180deg) skewY(-4deg);-moz-transform:rotate(180deg) skewY(-4deg)}#contact .headerText{color:#fff}#contact .headerBar{border-color:#fff}.contact-header{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin:3rem 0}.contact-msg{font-size:20px;color:#f5f5f5}.contact-link{display:-webkit-flex;display:flex;margin-top:2rem}.contact-link>a{margin:0 .5rem}.link-icon{height:2rem;width:2rem;transition:all .2s ease-in;-o-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.link-icon:hover{transform:translateY(-3px)!important;-o-transform:translateY(-3px)!important;-moz-transform:translateY(-3px)!important;-webkit-transform:translateY(-3px)!important;-ms-transform:translateY(-3px)!important;color:#00c4ff}#footer{height:6rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#2c303a;position:relative}.footer-name{font-size:14px;text-align:center;color:#9c9c9c;margin-top:2rem}.footer-desc{color:#04c2c9}.footer-copyright{font-size:16px;vertical-align:middle}.scroll-btn{padding:.6rem;position:absolute;top:-1.8rem;background:#04c2c9;cursor:pointer;transition:all .2s ease-in}.scroll-btn:hover{background:#03a1a1}.up-icon{width:2rem;height:2rem}@media(min-width:320px) and (max-width:425px){.navbar{display:none}.text{font-size:1.5rem}.headerText{font-size:2rem}.highlight0:first-child{margin-left:.5rem}.viewBtn{font-size:16px}.arrow{height:1.4rem}#about{padding:3rem 0}.headerText{font-size:2.5rem}.hexagon{width:50px;height:85px}.dataHeaders{font-size:18px}.dataPara{font-size:12px;line-height:14pt}.dataFlex{-webkit-flex-direction:column;flex-direction:column;margin:3rem 1rem}.dataFlex .boxHolder:nth-child(2){margin-top:2rem}.descGrid{grid-template-columns:none;grid-gap:2rem;margin:3rem 0}.portfolioImg{height:10rem;width:10rem}.portfolioDesc{font-size:14px;line-height:16pt;padding:0 1.5rem}.logos div{height:4rem;width:6rem}#projects{padding:4rem 0}.bar-items{padding:.3rem;font-size:10px}.card{height:18rem;width:20rem}.project-title{font-size:2rem}.project-stack{font-size:1rem}.view-btn{padding:.5rem .8rem;font-size:13px}.carousel{height:21.5rem;width:20rem}.slideInner___2mfX9{height:10rem}.modal-desc{padding:1rem}.modal-project-title{font-size:1.5rem}.modal-btn,.modal-project-desc{font-size:12px}.modal-btn{padding:.3rem .5rem}.arrow-icon,.url-icon{height:1rem;width:1rem}.close-icon{height:1.5rem;width:1.5rem}.btn-group{height:50%;padding:0 .5rem}.btn-move{height:2rem;width:2rem}.arrow-icon{height:1rem;width:100%}.exp-flex{margin:3rem 0;-webkit-flex-direction:column;flex-direction:column;grid-gap:0;gap:0}.exp-header{margin-top:2rem}.exp-img{height:12rem;width:12rem}.exp-name{font-size:1.5rem}.exp-desc{max-width:19rem;font-size:16px}.contact-msg{font-size:14px}.link-icon,.up-icon{width:1.5rem;height:1.5rem}}@media(min-width:426px) and (max-width:575px){.navbar{display:none}.text{font-size:2rem}.highlight0:first-child{margin-left:.6rem}.viewBtn{font-size:20px}#about{padding:3rem 0}.headerText{font-size:2rem}.hexagon{width:50px;height:85px}.dataHeaders{font-size:22px}.dataPara{font-size:15px;line-height:16pt}.dataFlex{-webkit-flex-direction:column;flex-direction:column;margin:3rem 1rem}.dataFlex .boxHolder:nth-child(2){margin-top:2rem}.descGrid{grid-template-columns:none;grid-gap:2rem;margin:3rem 0}.portfolioImg{height:12rem;width:12rem}.portfolioDesc{font-size:16px;line-height:16pt;padding:0 2rem}.logos div{height:5.5rem;width:6rem}#projects{padding:4rem 0}.bar-items{padding:.3rem;font-size:12px}.card{height:13rem;width:13rem}.project-title{font-size:1.5rem}.project-stack{font-size:.8rem}.view-btn{padding:.5rem 1rem;font-size:13px}.carousel{height:24rem;width:25rem}.slideInner___2mfX9{height:12.5rem}.btn-group{height:50%;padding:0 .5rem}.modal-desc{padding:1rem}.modal-project-title{font-size:1.5rem}.modal-project-desc{font-size:14px}.modal-btn{font-size:13px;padding:.5rem .8rem}.url-icon{width:1rem;height:1rem}.btn-move{width:2rem;height:2rem}.modal-img{object-fit:contain}.arrow-icon{height:1rem;width:100%}.exp-flex{-webkit-flex-direction:column;flex-direction:column;margin:3rem 0;grid-gap:0;gap:0}.exp-header{margin-top:2rem}.exp-name{font-size:1.5rem}.exp-desc{max-width:23rem}.contact-msg,.exp-desc{font-size:16px}.link-icon,.up-icon{width:1.5rem;height:1.5rem}.scroll-btn{top:-1.5rem}}@media (min-width:576px) and (max-width:767px){.navbar{padding:.5rem 2rem}#about{padding:5rem 1rem}.text{font-size:2.5rem}.viewBtn{font-size:20px}.dataFlex{-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem}.descGrid{grid-template-columns:none;grid-gap:2rem}#projects{padding:4rem .5rem}.bar-items{padding:.3rem .5rem;font-size:14px}.card{height:17rem;width:17rem}.project-title{font-size:2rem}.project-stack{font-size:1rem}.view-btn{padding:.5rem 1.2rem;font-size:14px}.carousel{height:30rem;width:35rem}.slideInner___2mfX9{height:17.5rem}.btn-group{height:60%}.modal-project-title{font-size:2rem}.modal-project-desc{font-size:16px;line-height:1.5}.modal-grp{margin-top:2rem}.modal-btn{font-size:15px}.url-icon{height:1.2rem;width:1.2rem}.exp-flex{-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem}}@media (min-width:768px) and (max-width:991px){#about{padding:5rem 1rem}.text{font-size:3rem}.viewBtn{font-size:20px}.descGrid{grid-template-columns:1fr 1.2fr;margin:5rem 0 0}.dataFlex{-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem}.portfolioImg{width:10rem;height:10rem}.portfolioDesc{font-size:16px}.logos div{height:5rem;width:7rem}#projects{padding:4rem 2rem}.bar-items{padding:.3rem 2rem;font-size:16px}.card{height:15rem;width:22rem}.project-title{font-size:2rem}.project-stack{font-size:1rem}.view-btn{padding:.5rem 1.2rem;font-size:14px}.carousel{height:40rem;width:45rem}.slideInner___2mfX9{height:26rem}.exp-flex{-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem}}@media (min-width:992px) and (max-width:1200px){#about{padding:5rem 2rem}.dataFlex{margin:4rem 0}.descGrid{margin:5rem 0}.dataBox{width:14rem}.dataBox,.portfolioDesc{padding:0 1rem}#projects{padding:4rem 1rem}.flex-bar{margin:0 3rem}.card{width:20rem;height:20rem}.carousel{width:55rem}}
/*# sourceMappingURL=main.5a101368.chunk.css.map */