.dots{position:absolute;right:2.5%;top:50%;-webkit-transform:translate(10%,-50%);transform:translate(10%,-50%)}.dot{border:.5px solid var(--primary-color);border-radius:50%;height:7px;margin:8px 0;width:7px}.dot.active{-webkit-animation:pulse-white 2s cubic-bezier(.66,0,0,1) infinite;animation:pulse-white 2s cubic-bezier(.66,0,0,1) infinite;background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);border:1px solid var(--primary-color)}@-webkit-keyframes pulse-white{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 6px hsla(0,0%,100%,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-white{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 6px hsla(0,0%,100%,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0);-webkit-transform:scale(.95);transform:scale(.95)}}@media (max-width:768px){.dots{right:3.5%}}.button{background:transparent;border:none;border:1px solid var(--primary-color);border-radius:3px;color:#fff;cursor:pointer;font-size:16p;padding:16px}.button,.button:hover{transition:.3s ease-in-out}.button:hover{background-color:rgba(0,0,0,.5)}.title-section{margin-bottom:24px;margin-top:12px}.title-section .title{color:var(--common-white);font-size:48px;font-weight:600;margin-bottom:12px}@media (max-width:768px){.title-section .title{font-size:32px}}.title-section .horizontal-line{background:transparent linear-gradient(to right,transparent,var(--primary-color),transparent) repeat scroll 0 0;height:1px}.title-section .dot-container{position:relative}.title-section .dot.active{bottom:-12px;left:49%;position:absolute;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.info .information .who-am-i{color:var(--common-text);line-height:24px;margin-right:32px;max-width:450px;white-space:pre-line}.info .information .who-am-i span{color:var(--primary-color);font-weight:500}.info .information .who-am-i .skills{display:grid;grid-template-columns:repeat(2,1fr)}.info .information .who-am-i .skills .language{align-items:center;-webkit-column-gap:6px;column-gap:6px;display:flex}.info .information .who-am-i .skills p{margin:4px 0}@media (max-width:768px){.information .who-am-i{margin-right:0}}.information .img-container{position:relative;transition:all .3s ease-in;z-index:0}.information .img-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-in}.information .img-container img{border-radius:8px;height:300px;transition:all .3s ease-in;width:300px;z-index:1}.information .img-container img:hover{-webkit-transform:rotate(-16deg);transform:rotate(-16deg);transition:all .3s ease-in}.information .img-container .img-border{border:2px solid var(--primary-color);border-radius:8px;height:300px;left:5%;position:absolute;top:5%;width:300px;z-index:-1}.scroller .info{background-color:var(--main-bg-color);flex-direction:column}.info .information,.scroller .info{align-items:center;display:flex;justify-content:center}.info .information{position:relative}@media (max-width:768px){.scroller .info{justify-content:center}.info .information{flex-direction:column-reverse;width:85vw}.information .img-container img{height:100px;margin-bottom:24px;width:100px}.information .img-container .img-border{height:100px;width:100px}.info .information .who-am-i{margin-right:0}}@media (max-width:700px){.scroller .info{justify-content:flex-start}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact .contact-text{margin-bottom:24px;text-align:center;white-space:pre;width:500px}form{row-gap:24px}.form-group,form{display:flex;flex-direction:column}.form-group{row-gap:8px;width:50vw}.form-group input{background-color:initial;border:none;border:.5px solid var(--common-text);border-radius:8px;color:#fff;padding:16px}.form-group input:focus,.form-group textarea:focus{border:.5px solid var(--primary-color);font-family:Assistant;outline:none;padding:14px}.form-group textarea{background-color:initial;border:none;border:.5px solid var(--common-text);border-radius:8px;color:#fff;padding:16px}.form-group textarea::-webkit-input-placeholder{font-family:Assistant;padding:0}.form-group textarea::placeholder{font-family:Assistant;padding:0}.button-wrapper{margin:auto}@media (max-width:768px){.contact .contact-text{white-space:pre-wrap;width:65vw}.form-group{width:75vw}}.scroller .intro .overlay{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7));color:var(--common-white);height:100vh;width:100%}.intro .overlay .content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px}.intro .content h2{font-size:82px;margin-bottom:16px}.intro .content{align-items:center;display:flex;font-size:28px;font-weight:600}.intro .content .typewritten{align-items:center;-webkit-column-gap:8px;column-gap:8px;display:flex;height:40px}.intro .content .typewritten span{color:var(--primary-color)}@media (max-width:768px){.intro .content h2{font-size:48px;text-align:center}.intro .content .typewritten{font-size:20px}}@media (min-width:1440px){.intro .content h2{font-size:100px;text-align:center}.intro .content .typewritten{font-size:40px}}.intro .left-navbar{align-items:center;display:flex;left:1%;position:absolute;-webkit-text-orientation:mixed;text-orientation:mixed;top:50%;-webkit-transform:translate(10%,-50%);transform:translate(10%,-50%);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.intro .left-navbar p{color:#fff;font-weight:600;letter-spacing:2px;margin:0}.intro .left-navbar .line{border-left:1.5px solid var(--primary-color);height:60px;margin-bottom:4px;margin-top:12px}.intro .left-navbar .logos{align-items:center;-webkit-column-gap:4px;column-gap:4px;display:flex}.intro .left-navbar .logos .logo{fill:var(--common-white);cursor:pointer}.scroller .intro{background-image:url(/static/media/overlay-image.57b3ebcbf0894d4acebe.jpeg);background-repeat:no-repeat;background-size:100% 100%;position:relative}@media (max-width:768px){.scroller .intro{background-size:cover}}.scroller .projects-main{display:flex;flex-direction:column;justify-content:center;overflow-x:auto;position:relative}.scroller .projects,.scroller .projects-main{align-items:center;overflow-y:hidden;scroll-snap-type:x mandatory}.scroller .projects{grid-gap:1rem;display:grid;gap:1rem;grid-auto-flow:column;height:350px;margin:0 auto;max-width:50vw;overflow-y:auto;overscroll-behavior-x:contain;padding:1rem}.main .projects .project-card{align-items:center;background-color:#112240;border:1px solid transparent;border-radius:16px;display:flex;flex-direction:column;height:300px;padding:16px;position:relative;scroll-snap-align:start;transition:1s ease-in-out;width:20vw}.main .projects .project-card:hover{border:1px solid var(--primary-color);transition:1s ease-in-out}.project-card .header{display:flex;justify-content:space-between;width:100%}.project-card .header #github path::fill{color:#fff}.project-card .project-title{color:var(--common-text);font-size:22px;font-weight:500;margin:16px 0 8px;width:100%}.project-card .project-description{color:var(--common-text);margin:0;width:100%}.project-card .card-footer{bottom:25px;left:14px;position:absolute}.project-card .horizontal-line{background:transparent linear-gradient(to right,transparent,var(--primary-color),transparent) repeat scroll 0 0;bottom:75px;height:1px;position:absolute;width:20vw}.project-card .skills{display:flex;flex-wrap:wrap;font-weight:100}.project-card .skills .skill-dot-wrapper{align-items:center;display:flex}.project-card .skill-dot-wrapper .skill-dot{border:.5px solid var(--primary-color);border-radius:50%;height:4px;margin:8px 0;width:4px}.project-card .skill-dot-wrapper .skill-dot.active{background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);border:1px solid var(--primary-color)}.project-card .skills span{margin:0 8px}.project-card .dot-container{position:relative}.project-card .dot.active{bottom:-12px;left:49%;position:absolute;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}::-webkit-scrollbar{width:0}.main .lottie{height:300px;width:300px}@media (max-width:768px){.scroller .projects-main{display:flex;justify-content:flex-start;position:relative}.scroller .projects{margin-bottom:35px;max-width:85vw}.main .lottie{bottom:0;height:0;position:absolute;width:300px}.main .projects .project-card{width:70vw}.project-card .horizontal-line{bottom:71px;width:70vw}.main .lottie{height:200px;width:200px}}.tab-panel-job{margin:auto;width:85%}.panel-title{align-items:center;color:var(--common-text);-webkit-column-gap:16px;column-gap:16px;display:flex;font-size:17px;font-weight:600}@media (max-width:768px){.panel-title{justify-content:space-between;margin-top:16px}}.duration{margin:8px 0}.job-description{margin-top:10px}.job-description .wrapper{align-items:flex-start;-webkit-column-gap:10px;column-gap:10px;display:flex;margin-bottom:16px;white-space:pre-wrap}.scroller .resume{align-items:center;display:flex;flex-direction:column;justify-content:center}.resume-box{display:flex;height:400px;width:900px}@media (max-width:1024px){.resume-box{display:flex;height:400px;width:600px}}@media (max-width:767px){.scroller .resume{align-items:center;justify-content:flex-start;margin:auto}.resume-box,.scroller .resume{display:flex;flex-direction:column}.resume-box{height:400px;margin:0 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}
/*# sourceMappingURL=49.149252c2.chunk.css.map*/