#about{border-top-left-radius:100px;margin-top:calc(-100vh + 10em);padding-bottom:100vh;padding-top:5em;z-index:1;position:relative}#about img{border-radius:5px}#about .bg-right{z-index:-1;position:absolute;right:0;left:auto;top:20%;bottom:0;opacity:.5}#light #about{background:linear-gradient(90.21deg,#f0f8ff -5.91%,#f8f8ff 111.58%)}#light #about p{color:#000}@media (max-width:992px){#about{margin-top:0;padding-top:1em}#about img{width:100%}}@media (max-width:768px){#about{margin-top:-18em!important}#about h2{font-size:2em;text-align:center}#about img{padding-bottom:1em}#about a{display:flex;justify-content:center;padding:.7em}#about .row{flex-direction:column-reverse}}.banner{padding-top:5em;border-bottom-left-radius:10%;position:relative}.banner .row>div:first-child{z-index:1!important}.banner h1{font-size:3em;font-weight:600;min-height:2.5em;margin-bottom:.2em;margin-top:.5em;letter-spacing:.8px}.banner p{color:#f5f5f5}.banner a{color:#fff;text-decoration:none}.blinker{border-right:.08em solid grey;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.header-img{position:relative;z-index:2;margin-top:2em;width:40vw;animation:updown 6s linear infinite}@keyframes updown{0%{transform:translateY(-1em)}50%{transform:translateY(1em)}to{transform:translateY(-1em)}}.grow{animation:grow .3s linear!important}div.grow{display:flex;align-items:center;justify-content:center;overflow:hidden}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}#light .banner{background-color:#f5f5f5;color:#344563!important}#light .light-bg-overlay{position:absolute;opacity:.9;top:0;background-color:#fff;width:100%;height:100%;border-bottom-left-radius:10%}#light .banner .row>div:first-child{background:hsla(0,0%,100%,0);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px}#light .banner a,#light .banner p{color:#000}#light .banner a svg g{stroke:#000}#light .tagline{color:#fff;background:linear-gradient(-90deg,rgba(0,0,0,.7),grey,rgba(0,0,0,.7))}#light .devAnimation svg{width:40vw!important;height:auto!important}@media (max-width:992px){.banner{background-position:unset}.banner h1{font-size:2.45em;min-height:3.7em;margin-top:0;margin-bottom:1em}.banner p{color:#fff}#light .banner{border-bottom-left-radius:10%}#light .bg-shapes :nth-child(3),#light .shape-float-1{display:none}@media (max-width:768px){.banner{padding-top:10em!important}.banner h1{margin-bottom:.1em}.banner .row{flex-direction:column}.header-img{width:91vw;position:relative}#light .header-img{width:120vw;filter:brightness(1)}#light .banner{background-position-y:5em}#light .banner .row>div:first-child{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}}#connect{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:60px 0 100px;margin-top:calc(-100vh + 10em);z-index:1;position:relative}#connect .img-container{transform:scale(0);transition:all 1s ease-in-out}#connect .scale{transform:scale(1)!important}#connect img{width:92%}#dark #connect img{width:85%}h2{font-size:45px;font-weight:700;margin-bottom:30px}form input,form textarea{width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;margin:0 0 8px;padding:18px 26px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}form input:focus,form textarea:focus{background:#fff;color:#121212}form input::-moz-placeholder,form textarea::-moz-placeholder{font-size:16px;font-weight:400;color:#fff}form input::placeholder,form textarea::placeholder{font-size:16px;font-weight:400;color:#fff}form input:focus::-moz-placeholder,form textarea:focus::-moz-placeholder{color:#121212;opacity:.8}form input:focus::placeholder,form textarea:focus::placeholder{color:#121212;opacity:.8}form button{position:relative;width:100%;font-weight:700;color:#000;background-color:#fff!important;padding:.8em 1em;font-size:18px;margin-top:25px;border-radius:10px;transition:.3s ease-in-out}form button span{z-index:1;position:relative}form button:hover{filter:invert()}.loader{position:relative;top:1em;margin-left:.5em;display:flex;justify-content:space-evenly}.ball{margin:0 .1em;list-style:none;width:.5em;height:.5em;border-radius:50%}.ball:first-child{animation:bounce-1 2.1s ease-in-out infinite}@keyframes bounce-1{50%{transform:translateY(-18px);-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}}.ball:nth-child(2){animation:bounce-3 2.1s ease-in-out .3s infinite}@keyframes bounce-2{50%{transform:translateY(-18px);-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}}.ball:nth-child(3){animation:bounce-3 2.1s ease-in-out .6s infinite}@keyframes bounce-3{50%{transform:translateY(-18px);-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}}.sent-btn{z-index:0}.sent-btn svg{margin:0 .5em;height:1.3em!important;fill:#000;transition:.3s ease-in-out}form button:hover .sent-btn svg{fill:#fff!important}#light #connect{background:linear-gradient(90.21deg,#f0f8ff -5.91%,#e6e6fa 111.58%);color:#000;border-top-right-radius:100px}#light form input,#light form textarea{border-color:#dcdcdc;background:#fff}#light form input::-moz-placeholder,#light form textarea::-moz-placeholder{color:#000}#light form input::placeholder,#light form textarea::placeholder{color:#000}#light form button{color:#fff;background-color:#6070ff!important}#light form button:hover{filter:none!important;color:#fff;background-color:#344563!important}@media (max-width:992px){#connect{padding-bottom:5em}#connect h2{text-align:center;margin-top:1em}#connect form{padding:0 .5em}#light #connect{border-top-right-radius:60px}}#projects ::-webkit-scrollbar{width:10px;background-color:#fff;border-radius:5px}#projects ::-webkit-scrollbar-thumb{background:linear-gradient(rgba(77,6,243,.5),rgba(180,19,19,.5));border-radius:10px}#projects{position:relative;padding-top:5em;padding-bottom:100vh}#projects h2{font-size:2em;text-align:center}#projects p{color:#dcdcdc;line-height:1.5em;margin:1em auto 2em;text-align:center;padding:0 6em}.nav-pills{width:72%;margin:0 auto;border-radius:50px;background:hsla(0,0%,100%,.1);overflow:hidden}.nav-pills .nav-item{width:33.33333%}.nav-pills .nav-link{background-color:transparent!important;position:relative;border-radius:0;padding:1em 0;color:#fff;transition:.3s ease-in-out;text-align:center;z-index:1;height:100%}.nav-pills .nav-link:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%)!important;transition:.3s ease-in-out;top:0;left:0;z-index:-1}.nav-pills .nav-link.active:before{width:100%!important}.tab-pane{position:relative;height:33em;overflow-y:auto;overflow-x:hidden;z-index:2;border-radius:20px}.nav-link#projects-tab-tab-fullstack{border:1px solid hsla(0,0%,100%,.3);border-radius:55px 0 0 55px!important}.nav-link#projects-tab-tab-frontend{border-top:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.3)}.nav-link#projects-tab-tab-backend{border:1px solid hsla(0,0%,100%,.3);border-radius:0 55px 55px 0}.project-img-box{position:relative;border-radius:20px;overflow:hidden;margin-bottom:1.5em;cursor:pointer;z-index:4;width:93%;height:15em}.tab-pane>.row{padding-top:.5em;padding-left:.3em}.tab-pane>.row :nth-last-child(-n+3) .project-img-box{margin-bottom:.3em}.project-img-box:before{content:"";position:absolute;width:100%;height:0;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);transition:.4s ease-in-out;filter:opacity(.96)}.project-img-box:hover:before{height:100%}.project-img-box>img{min-height:35vh;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.project-box-overflow{overflow:visible}.project-box-overflow:before,.project-box-overflow>img{transition:none;border-radius:15px}.project-text{position:absolute;text-align:center;justify-content:center;width:100%;height:100%;transition:.5s ease-in-out;top:90%;left:50%;opacity:0;transform:translate(-50%,-50%)}.project-img-box:hover .project-text{top:50%;bottom:0;opacity:1}.project-text h4{font-size:2em;font-weight:700;line-height:1.1em}.project-text span{font-style:italic}.bg-right{position:absolute;width:35%;left:0}#projects .bg-right{transform:rotate(180deg);bottom:10%}.tech-stack{position:absolute;top:83%;right:1.5em}.tech-stack img{width:2em;height:2em;border-radius:50%;filter:drop-shadow(2px 4px 6px black);opacity:.8;background:rgba(0,0,0,.5)}.modal{background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.modal-dialog{width:85vw;height:90vh;max-width:none;max-height:none;overflow:hidden;border-radius:15px!important}.modal-content{background-color:#121212;height:100%;color:#fff;padding:0 2em;overflow:auto}.modal-header{border-bottom:none;display:flex;justify-content:space-between}.modal-header button{background:none;border-radius:50%}.modal-header button path{fill:#fff}.modal-body{overflow:auto;flex-direction:column}.modal-body img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.modal-body img.gif{-o-object-fit:none;object-fit:none}.project-info{flex:1;text-align:justify;overflow:auto}.modal-footer{border-top:none}.modal-tech-stack{max-width:50vw;height:auto;flex-wrap:wrap;display:flex}.modal-tech-stack span{font-size:.8em;padding:.5em;margin:.3em;background:hsla(0,0%,100%,.15);border-radius:10px}.modal-actions a{display:inline-flex;justify-content:center;align-items:center;color:#fff;background:#121212;border:1px solid #fff;padding:.5em;margin:0 1em;border-radius:10px;min-width:8em!important}.modal-actions a:hover{filter:invert()}.modal-actions a:first-child{margin-left:0}.tooltip{position:relative;display:inline-block;opacity:inherit;margin-right:-.5em!important}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:hsla(0,0%,100%,.9);color:#000;text-align:center;border-radius:6px;padding:5px 0;position:absolute;bottom:120%;left:50%;margin-left:-60px}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}.tooltip:hover .tooltiptext{visibility:visible}#light ::-webkit-scrollbar{background:#dcdcdc}#light #projects ::-webkit-scrollbar-thumb{background:#344563}#light #projects{background-color:#fff;border-top-right-radius:10%;color:#000}#light #projects p{color:#000}#light .nav-pills .nav-link{color:#344563}#light .nav-pills .nav-link.active{color:#fff}#light .nav-pills .nav-link:before{background:linear-gradient(90.21deg,#191970 -5.91%,#344563 111.58%)!important}#light .nav-link#projects-tab-tab-backend,#light .nav-link#projects-tab-tab-frontend,#light .nav-link#projects-tab-tab-fullstack{border-color:#344563}#light .project-img-box{color:#fff;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.2),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);border:5px solid #f5f5f5}#dark .project-img-box{box-shadow:inset 0 -23px 25px 0 rgba(25,25,25,.17),inset 0 -36px 30px 0 rgba(25,25,25,.15),inset 0 -79px 40px 0 rgba(25,25,25,.1),0 2px 1px rgba(25,25,25,.06),0 4px 2px rgba(25,25,25,.2),0 8px 4px rgba(25,25,25,.09),0 16px 8px rgba(25,25,25,.09),0 32px 16px rgba(25,25,25,.09);border:5px solid transparent}#light .project-img-box:before{background:linear-gradient(90.21deg,#191970 -5.91%,#344563 111.58%)}.light{background:rgba(0,0,0,.5)!important}.light .modal-content{background-color:#fff;color:#000}.light .dot path{fill:#2f4f4f}.light .modal-header button path{fill:#000}.light .modal-tech-stack{margin-bottom:.5em}.light .modal-tech-stack span{background-color:rgba(0,0,0,.15)}.light .project-info>div:first-child span{color:#2f4f4f}.light .modal-actions a{border-color:#000;background:#fff;color:#121212}.light .modal-actions a:first-child path{stroke:#000}.light .modal-actions a:last-child path:last-child{fill:#000}.light .modal-actions a:hover{font-weight:700}.light #project-description{color:#000!important}#light .tooltip .tooltiptext{background-color:rgba(0,0,0,.9);color:#fff}#light .tooltip .tooltiptext:after{border-color:#000 transparent transparent}@media (max-width:768px){#projects p{text-align:justify;padding:0 1em;color:#fff!important;z-index:1;position:relative}#projects .nav.nav-pills{width:100%!important;font-size:.9em;padding:0 .5em;background:none}#projects{padding:2em 0 25em}#projects ::-webkit-scrollbar{height:10px;background-color:gray;border-radius:5px!important}#projects ::-webkit-scrollbar-thumb{background:#fff}#projects .nav.nav-pills .nav-link{background:hsla(0,0%,100%,.1)!important}.tab-pane{height:-moz-max-content;height:max-content;border-radius:0}.tab-pane>.row{flex-wrap:nowrap;overflow:auto;padding:.3em 1em 1em}.nav-link#projects-tab-tab-fullstack:before{border-radius:22px 0 0 22px!important}.nav-link#projects-tab-tab-backend:before{border-radius:0 22px 22px 0}#projects .row:first-child>.col{padding-left:0;padding-right:0}.project-img-box{width:100%;transform:scale(.8);transition:all .3s ease-in-out;height:93%}.tab-pane>.row :nth-last-child(-n+3) .project-img-box{margin-bottom:24px}.tab-pane>.row>*{width:85%!important;padding:0}.project-img-box:before,.project-text{transition:.3s ease-in-out;opacity:0}.project-text{top:50%;bottom:0}.project-img-box:before{height:100%!important}.project-img-box:hover:before{height:100%}#projects .bg-right{opacity:.2}.scale{transform:scale(1)!important}.show-summary:before{opacity:1}.show-summary .project-text{top:50%;opacity:1}.modal{padding:0!important;overflow:hidden!important}.modal h1{margin-right:1em;font-size:1.5em;font-weight:bolder}.modal img{height:100%;min-height:50vh;border-radius:0}.modal-dialog{width:100%;height:auto;margin:0;border-radius:0!important;background:#121212}.modal-content{border-radius:0!important;padding:0;position:absolute;top:0;height:100%}.modal-footer>div{margin-left:auto;margin-right:auto}.project-info{overflow:auto;padding:0!important}#project-description{text-align:justify!important}.project-info>div:first-child{text-align:center;margin:1em 0}.modal-tech-stack{max-width:none;margin:0 auto}.modal-actions{margin-top:2em}.modal-actions a{width:100%;margin:.5em 0;filter:invert()}.light .modal-actions a{font-weight:700}#light #projects ::-webkit-scrollbar{background-color:#dcdcdc!important}#light #projects p{color:#000!important}#light #projects{border-top-right-radius:60px}}#skills{position:relative;padding:0 0 3em;opacity:1!important}.skill-box{position:relative;z-index:2;background-color:#151515;box-shadow:0 0 1px 1px gray;border-radius:64px;text-align:center;margin-top:4em;padding:2em 0 3em}#skills h2{font-weight:700;font-size:2.5em}#skills h3{font-weight:lighter;font-size:1.5em}#skills p,#skills span{color:#dcdcdc}#skills p{letter-spacing:.8px;line-height:1.5em;padding:1em 6em}#skills .sub-item-container{transform:scale(0);transition:all .5s ease-in-out}#skills .scale{transform:scale(1)!important}.skills-slider{width:80%;margin:0 auto;position:relative}.skills-slider .item>div{margin:0 5em}.skills-slider .item .sub-item{padding:1em;border-radius:50%}.skills-slider .item img{width:3.5em}.skills-slider .col-md-3{flex:0 0 auto;width:20%!important}.bg-img-left{position:absolute;top:20%;bottom:0;width:40%;z-index:-1}#light #skills{background-color:#f5f5f5;color:#000}#light .skill-box{background-color:#fff;box-shadow:0 0 10px 1px #dcdcdc!important}#light #skills h3{font-weight:700}#light #skills p,#light #skills span{color:#000}#light .skills-slider>button{background:rgba(0,0,0,.9)}#light .skills-slider>button:hover{filter:opacity(.5)}#dark #skills{box-shadow:0 0 50px 50px #121212}@media (max-width:992px){#skills .row>.col{padding:0}.skill-box{border-radius:30px;box-shadow:0 0 35px 20px #151515;padding:2em 0 0}.skill-box p{padding:0 1em!important;color:#fff!important}.skills-slider{width:100%}.skills-slider .col-md-3{flex:0 0 auto;width:33%!important}.skills-slider .item>div{margin:0}.skills-slider .item,.skills-slider .item .sub-item{padding:0}.skills-slider .item span{font-size:.9em}.skills-slider img{width:3em!important;height:3em!important}#light .skill-box{box-shadow:0 0 1px 1px #f5f5f5!important}#light .skill-box p{color:#000!important}}@media (max-width:768px){#skills .container{max-width:100%}}@font-face{font-family:revicons;fallback:fallback;src:url(/_next/static/media/revicons.ff59b316.woff) format("woff"),url(/_next/static/media/revicons.b96bdb22.ttf) format("ttf"),url(/_next/static/media/revicons.652e7269.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border:2px solid grey;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}