header{background-color:#141d2e;color:#dad8d8;justify-content:space-between;height:70px;z-index:10;transition:all 1s ease-in-out;padding:2px 10px;position:-webkit-sticky;position:sticky;top:0}header,header .logo{display:flex;align-items:center}header .logo{object-fit:fill;height:100%;justify-content:center;padding:5px}header .logo .icon{font-size:3rem}header .leftContainer{display:flex;align-items:center;justify-content:space-around;width:80%}@media only screen and (max-width:599px){header .leftContainer{display:none}}header .leftContainer .itemContainer{display:flex;align-items:center;font-size:2rem}@media only screen and (min-width:600px){header .leftContainer .itemContainer{font-size:.8rem}}header .rightContainer .burgerNav{height:24px;width:30px;display:flex;justify-content:space-between;flex-direction:column;cursor:pointer}header .rightContainer .burgerNav span{height:3px;width:100%;background-color:#fff;-webkit-transform-origin:right;transform-origin:right;transition:all 1s ease-in-out}header.activeHeader{background-color:#fff;color:#141d2e}header.activeHeader .burgerNav span:first-child{background-color:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header.activeHeader .burgerNav span:nth-child(2){opacity:0}header.activeHeader .burgerNav span:last-child{background-color:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu{z-index:1;position:-webkit-sticky;position:sticky;top:70px}.menu,.menuActive{background-color:#141d2e}.menuActive{display:flex;align-items:center;flex-direction:column;justify-content:space-around;width:100%;list-style:none;-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards}li{color:#dad8d8;font-weight:500;font-size:1.6rem;cursor:pointer;text-transform:uppercase;width:100vw;text-align:center;padding:10px;transition:all .3s ease-in-out}li:hover{background:#fff;color:#141d2e}.menuInactive{-webkit-animation:slideOut .5s forwards;animation:slideOut .5s forwards}.menuInactive>*{display:none}@-webkit-keyframes slideIn{0%{top:30px;height:0}to{top:0;height:40vh}}@keyframes slideIn{0%{top:30px;height:0}to{top:0;height:40vh}}@-webkit-keyframes slideOut{0%{top:0;height:40vh}to{top:30px;height:0;display:none}}@keyframes slideOut{0%{top:0;height:40vh}to{top:30px;height:0;display:none}}.introContainer{background-color:#fff;height:auto;width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.introContainer .leftContainer{width:100%!important;height:90vh;position:relative;transition:all 1.5s ease-in-out}.introContainer .leftContainer .backgroundContainer{background-image:url(/static/media/code-1084923_640.6fcb7a33.png);opacity:.4;transition:all 10s ease-in-out;background-position:50%;background-size:cover;position:absolute;height:100%;width:100%}.introContainer .leftContainer .image{width:100%;height:auto;display:flex;align-items:center;justify-content:space-around;flex-direction:column;position:relative}@media only screen and (max-width:599px){.introContainer .leftContainer .image{top:15%}}@media only screen and (min-width:600px){.introContainer .leftContainer .image{top:40%}}@media only screen and (min-width:1460px){.introContainer .leftContainer .image{top:30%}}.introContainer .leftContainer .image img{border-radius:50%;object-fit:cover;margin-bottom:20px}@media only screen and (max-width:599px){.introContainer .leftContainer .image img{height:270px;width:270px}}@media only screen and (min-width:600px){.introContainer .leftContainer .image img{height:300px;width:300px}}@media only screen and (min-width:1460px){.introContainer .leftContainer .image img{height:230px;width:230px}}.introContainer .leftContainer .image .introText{width:80%;line-height:25px;text-align:center;margin-bottom:20px}.introContainer .leftContainer .image .introText h2{font-size:2rem;height:50px;color:#141d2e}@media only screen and (max-width:599px){.introContainer .leftContainer .image .introText h2{font-size:1.4rem}}.introContainer .leftContainer .image .nav-button{height:60px;display:flex;align-items:center;justify-content:space-around}@media only screen and (max-width:599px){.introContainer .leftContainer .image .nav-button{width:60%}}@media only screen and (min-width:600px){.introContainer .leftContainer .image .nav-button{width:30%}}@media only screen and (min-width:1460px){.introContainer .leftContainer .image .nav-button{width:20%}}.introContainer .leftContainer .image .nav-button a{text-decoration:none}.introContainer .leftContainer .image .nav-button a button{height:40px;width:120px;outline:none;cursor:pointer;border:none;background-color:#141d2e;color:#f5f5f5;position:relative;margin-bottom:20px}.introContainer .leftContainer .image .nav-button a button:hover{background-color:#dad8d8;color:#141d2e}.introContainer .leftContainer .image .nav-button .cv-download{display:flex;align-items:center;justify-content:space-evenly;margin-left:10px}.introContainer .leftContainer .image .nav-button .cv-download .icon{font-size:1.2rem}.introContainer .leftContainer .image .personalText{display:flex;align-items:center;justify-content:space-around}@media only screen and (max-width:599px){.introContainer .leftContainer .image .personalText{width:60%}}@media only screen and (min-width:600px){.introContainer .leftContainer .image .personalText{width:30%}}@media only screen and (min-width:1460px){.introContainer .leftContainer .image .personalText{width:20%}}.introContainer .leftContainer .image .personalText .social{display:flex;align-items:center;justify-content:space-between;color:#141d2e;width:100%}.introContainer .leftContainer .image .personalText .social .icon{cursor:pointer;color:#141d2e;font-size:2rem}.introContainer .leftContainer .image .personalText .social .icon:hover{color:#f50e3d}.introContainer .leftContainer .image .arrow-down{font-size:4rem;color:#f50e3d;cursor:pointer;-webkit-animation:zoom 1.5s infinite;animation:zoom 1.5s infinite;transition:ease-in-out}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.introContainer .rightContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px 10px #333;width:100%}@media only screen and (max-width:599px){.introContainer .rightContainer{height:auto}}@media only screen and (min-width:600px){.introContainer .rightContainer{min-height:50vh}}@media only screen and (min-width:1460px){.introContainer .rightContainer{height:70vh}}.introContainer .rightContainer .container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px}@media only screen and (max-width:599px){.introContainer .rightContainer .container{flex-direction:column}}.introContainer .rightContainer .container .card{display:flex;flex-direction:column;align-items:center;border-radius:20px;padding:20px}.introContainer .rightContainer .container .card .title{padding:10px;text-transform:uppercase;font-weight:700;cursor:pointer;color:#141d2e;text-align:center;min-width:250px;margin:20px;box-shadow:10px 10px 10px rgba(0,0,0,.1)}@media only screen and (max-width:599px){.introContainer .rightContainer .container .card .title{font-size:1.2rem}}@media only screen and (min-width:600px){.introContainer .rightContainer .container .card .title{font-size:1.8rem}}@media only screen and (min-width:1460px){.introContainer .rightContainer .container .card .title{font-size:2rem}}.introContainer .rightContainer .container .card .card-body{flex-direction:column;flex-wrap:wrap;height:auto}.introContainer .rightContainer .container .card .card-body,.introContainer .rightContainer .container .card .card-body .meta-data{display:flex;justify-content:space-between;align-items:center}.introContainer .rightContainer .container .card .card-body .meta-data span{margin-right:20px}.introContainer .rightContainer .container .card .card-body .meta-data span strong{font-weight:600}.introContainer .rightContainer .container .card .card-body .meta-data span span{font-size:1rem;color:#141d2e;margin-left:10px;font-weight:400}.introContainer .rightContainer .container .card .card-body .meta-text{display:flex;align-items:center;justify-content:center;flex:1 1}@media only screen and (max-width:599px){.introContainer .rightContainer .container .card .card-body .meta-text{flex-direction:column}}.introContainer .rightContainer .container .card .card-body a{color:#141d2e;-webkit-text-decoration:underline solid 1px #141d2e;text-decoration:underline solid 1px #141d2e}.introContainer .rightContainer .container .tech-stack{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:auto;background-color:#f5f5f5;width:90%}.introContainer .rightContainer .container .tech-stack div{display:flex;flex-direction:column;align-items:center}.introContainer .rightContainer .container .tech-stack div .tech-image{height:50px;width:50px;background-size:cover;background-position:50%;border-radius:50%;margin:10px;box-shadow:0 0 10px #333}.introContainer .rightContainer .container .tech-stack div span{text-transform:capitalize}.introContainer .rightContainer .container p{line-height:35px;letter-spacing:2px;padding:10px;width:60%;height:80%;font-size:1.2rem}@media only screen and (max-width:599px){.introContainer .rightContainer .container p{width:100%}}.introContainer .rightContainer .container p .icon{font-size:.8rem;-webkit-animation:none;animation:none}.introContainer .rightContainer .icon{font-size:4rem;color:#f50e3d;cursor:pointer;-webkit-animation:zoom 1.5s infinite;animation:zoom 1.5s infinite;transition:ease-in-out}@keyframes zoom{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.portfolioContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:80px 10px 10px;height:auto;overflow:hidden}.portfolioContainer .title{padding:10px;text-transform:uppercase;font-weight:700;cursor:pointer;color:#141d2e;text-align:center;min-width:250px;margin-bottom:20px;box-shadow:10px 10px 10px rgba(0,0,0,.1)}@media only screen and (max-width:599px){.portfolioContainer .title{font-size:1.4rem}}@media only screen and (min-width:600px){.portfolioContainer .title{font-size:1.8rem}}@media only screen and (min-width:1460px){.portfolioContainer .title{font-size:2rem}}.portfolioContainer .projectsWrapper{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;width:100%}@media only screen and (max-width:599px){.portfolioContainer .projectsWrapper{height:auto}}@media only screen and (min-width:600px){.portfolioContainer .projectsWrapper{height:auto!important}}@media only screen and (min-width:1460px){.portfolioContainer .projectsWrapper{height:90%!important}}.portfolioContainer .projectsWrapper .projectsContainer{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:95%;height:90%;position:relative}.portfolioContainer .projectsWrapper .projectsContainer .project{width:450px;height:250px;padding:10px;margin:5px;display:flex;flex-direction:column;justify-content:space-evenly;box-shadow:5px 5px 10px 5px #333;transition:all .5s ease-in-out;color:#242425;background-color:#fff}@media only screen and (max-width:599px){.portfolioContainer .projectsWrapper .projectsContainer .project{margin-bottom:20px}}@media only screen and (min-width:600px){.portfolioContainer .projectsWrapper .projectsContainer .project{margin-bottom:20px}}.portfolioContainer .projectsWrapper .projectsContainer .project:hover{box-shadow:8px 8px 12px 8px #333;opacity:.9}.portfolioContainer .projectsWrapper .projectsContainer .project h3{font-size:1.6rem}.portfolioContainer .projectsWrapper .projectsContainer .project p{font-size:1rem}.portfolioContainer .projectsWrapper .projectsContainer .project span{display:flex;flex-wrap:wrap;width:100%}.portfolioContainer .projectsWrapper .projectsContainer .project span>*{margin-left:20px;text-decoration:underline;cursor:pointer}.portfolioContainer .projectsWrapper .projectsContainer .project-details{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#141d2e;color:#fff;display:none;z-index:1;padding:10px}.portfolioContainer .projectsWrapper .projectsContainer .project-details.active{display:flex;justify-content:space-between}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details{flex:1 1;display:flex;flex-direction:column;justify-content:space-around}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details h2{font-size:2rem}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details img{flex:2 1;object-fit:contain;width:90%;margin:10px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details .meta{flex:3 1;display:flex;justify-content:space-around;flex-direction:column;padding:5px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details .meta .stack{display:flex;flex-direction:column;justify-content:space-between;height:auto}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details .meta .stack span{margin-top:5px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details .meta .stack span i{padding:2px 5px;border:1px solid #fff;margin-left:5px;font-size:.9rem;background-color:#f50e3d;border-radius:30px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .details .meta p{flex:1 1;padding:5px;margin-top:10px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides{flex:2 1;padding:5px;background-color:#fff;color:#141d2e;height:100%;display:flex;flex-direction:column;position:relative}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .close{font-size:2rem;float:right;align-self:right;display:block;padding:5px 10px;cursor:pointer;color:#fff;position:absolute;top:5px;right:5px;background-color:#141d2e;width:40px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .close:hover{background-color:#f50e3d;color:#141d2e}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .img-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .img-container img{height:80%;width:100%;border:1px solid #141d2e;object-fit:cover}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .img-container .slider{height:20%;display:flex;justify-content:center;margin-top:10px}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .img-container .slider .images{display:flex;width:90%;align-items:center;justify-content:center;flex:1 1}.portfolioContainer .projectsWrapper .projectsContainer .project-details .slides .img-container .slider .images .image{flex:1 1;background-color:#141d2e;width:10px;object-fit:cover;margin:5px;cursor:pointer}.experienceContainer{display:flex;align-items:center;flex-direction:column;min-height:70vh!important}@media only screen and (max-width:599px){.experienceContainer{height:auto;padding:10px}}@media only screen and (min-width:600px){.experienceContainer{height:100vh}}@media only screen and (min-width:1460px){.experienceContainer{padding:80px 10px 40px;height:auto}}.experienceContainer h2{font-size:2rem}.experienceContainer .years{display:flex;justify-content:space-between;padding:20px;width:90%}@media only screen and (max-width:599px){.experienceContainer .years{width:100%;padding:10px}}.experienceContainer .years .active{background-color:#f50e3d;color:#dad8d8}.experienceContainer .years span{font-weight:500;border:1px solid #000;width:100px;display:flex;justify-content:center;font-size:1.2rem;cursor:pointer;outline:none;padding:5px}@media only screen and (max-width:599px){.experienceContainer .years span{width:80px;font-size:1rem}}.experienceContainer .years span:hover{background-color:#f50e3d;color:#dad8d8;box-shadow:10px 10px 10px #333}.experienceContainer .jobs{display:flex;align-items:center;justify-content:center;height:90%;min-width:80vw;width:80%}@media only screen and (max-width:599px){.experienceContainer .jobs{width:90%}}.experienceContainer .jobs .work{padding:10px;width:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:15px 15px 15px #333;border:1px solid #000}@media only screen and (max-width:599px){.experienceContainer .jobs .work{width:100%}}@media only screen and (min-width:600px){.experienceContainer .jobs .work{width:100%}}.experienceContainer .jobs .work .job-meta{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.experienceContainer .jobs .work .job-meta h3{font-size:1.4rem;text-transform:uppercase}.experienceContainer .jobs .work .job-meta h4{font-weight:500;text-transform:uppercase}.experienceContainer .jobs .work .job-meta .work-period{display:flex;justify-content:space-between;align-items:center;min-width:110px}.experienceContainer .jobs .work .job-meta .work-period i{margin:0 20px;font-weight:500}.experienceContainer .jobs .work .job-description{width:90%;height:auto;flex:1 1;padding:10px}.experienceContainer .jobs .work .job-description ul{list-style:disc}.experienceContainer .jobs .work .job-description ul li{font-size:inherit;color:#000;text-transform:none;font-family:initial;letter-spacing:1.2px;line-height:30px;font-family:Poppins}*,body{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}html{scroll-behavior:smooth;font-family:Poppins}.app>.sections{scroll-snap-align:start}.app section{margin-top:0;scrollbar-width:none}.app section::-webkit-scrollbar{display:none;scroll-behavior:smooth}.contactMe{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:auto;padding:5px}@media only screen and (max-width:599px){.contactMe{min-height:80vh;flex-direction:column}}@media only screen and (min-width:600px){.contactMe{height:80vh}}.contactMe .get-in-touch{display:flex;flex-direction:column;text-align:center}.contactMe .get-in-touch h2{font-size:2rem}.contactMe .get-in-touch>p{font-size:1rem;letter-spacing:2px;line-height:30px;width:100%}@media only screen and (max-width:599px){.contactMe .get-in-touch>p{width:100%;font-size:1rem}}.contactMe .container{display:flex;flex-direction:column-reverse;justify-content:space-between;width:100%}@media only screen and (max-width:599px){.contactMe .container{flex-direction:column-reverse}}.contactMe .container .contact-info{display:flex;align-items:center;justify-content:space-around;width:100%;flex:1 1;padding:10px}@media only screen and (max-width:599px){.contactMe .container .contact-info{flex-direction:column;margin:5px}}.contactMe .container .contact-info span{display:flex;align-items:center;justify-content:space-around;flex-direction:column;box-shadow:1px 1px 1px 1px #a19f9f;border-radius:6px;padding:5px}@media only screen and (max-width:599px){.contactMe .container .contact-info span{font-size:1rem;width:70%;margin:10px 0}}@media only screen and (min-width:600px){.contactMe .container .contact-info span{width:90%;height:150px}}@media only screen and (min-width:1460px){.contactMe .container .contact-info span{width:25%}}.contactMe .container .contact-info span .icon{font-size:2.2rem}.contactMe .container .contact-info span h5{text-transform:uppercase;font-size:1.2rem}.contactMe .container .contact-info span p{color:#141d2e;font-size:1rem}.contactMe .container .formContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;padding:5px;height:80vh;margin-top:20px}@media only screen and (max-width:599px){.contactMe .container .formContainer{height:100%}}.contactMe .container .formContainer form{display:flex;justify-content:center;flex-direction:column;align-items:center;width:80%;background-color:#141d2e;border-radius:6px;padding:20px}@media only screen and (max-width:599px){.contactMe .container .formContainer form{flex-direction:column;width:100%;height:90%}}.contactMe .container .formContainer form .inputs{display:flex;justify-content:center;flex-direction:column;width:60%}@media only screen and (max-width:599px){.contactMe .container .formContainer form .inputs{width:80%;height:50%}}@media only screen and (min-width:600px){.contactMe .container .formContainer form .inputs{width:80%}}@media only screen and (min-width:1460px){.contactMe .container .formContainer form .inputs{width:60%}}.contactMe .container .formContainer form .inputs>input{width:100%;border:none;border-bottom:1px solid #333;outline:none;font-size:1.2rem;font-weight:600;padding:20px;margin:5px;border-radius:4px}@media only screen and (min-width:600px){.contactMe .container .formContainer form .inputs>input{height:30px;font-size:.8rem}}.contactMe .container .formContainer form .text-area{display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:flex-end;width:60%;overflow:hidden}@media only screen and (max-width:599px){.contactMe .container .formContainer form .text-area{width:100%}}.contactMe .container .formContainer form .text-area textarea{border:1px solid #333;margin-top:30px;padding:10px;font-size:18px;outline:none;width:100%;height:150px;border-radius:4px}.contactMe .container .formContainer form .text-area .button-alerts{padding:10px;display:flex;width:100%;justify-content:space-between;align-items:center}@media only screen and (max-width:599px){.contactMe .container .formContainer form .text-area .button-alerts{flex-direction:column}}.contactMe .container .formContainer form .text-area .button-alerts button{height:40px;width:150px;border-radius:4px;display:flex;align-items:center;justify-content:center;outline:none;border:none;margin-top:30px;cursor:pointer;color:#141d2e}.contactMe .container .formContainer form .text-area .button-alerts button.loading{background:#a19f9f;cursor:progress}.contactMe .container .formContainer form .text-area .button-alerts .notification{width:300px;height:100px;-webkit-animation:popup 5s forwards;display:none;border-radius:4px;transition:all ease-in-out;box-shadow:1px 2px 2px 2px #333;background-color:#fff;animation:popup 5s forwards}.contactMe .container .formContainer form .text-area .button-alerts .notification.error,.contactMe .container .formContainer form .text-area .button-alerts .notification.success{display:flex}.contactMe .container .formContainer form .text-area .button-alerts .notification .border{width:12px;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}.contactMe .container .formContainer form .text-area .button-alerts .notification .border.error{background:red}.contactMe .container .formContainer form .text-area .button-alerts .notification .border.success{background-color:green}.contactMe .container .formContainer form .text-area .button-alerts .notification .message{padding:2px;min-height:70px;display:flex;align-items:center}.contactMe .container .formContainer form .text-area .button-alerts .notification .message .icon{color:green;font-size:2.2rem}.contactMe .container .formContainer form .text-area .button-alerts .notification .message>span{padding:5px;color:#000}@-webkit-keyframes popup{0%{display:block}to{display:hidden;bottom:-100}}@keyframes popup{0%{display:block}to{display:hidden;bottom:-100}}
/*# sourceMappingURL=main.3438bc62.chunk.css.map */