:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-1: #E33C12;--color-2: #EBE9E1;--color-3: #000000;--words-background: #FFECEA;--color-4: #6DB486;--color-5: #2483E0;--color-6: #FFDE30;--color-7: #FF4575;--color-8: #F5F5F5;--color-10: #e27f66;text-align:center;--color-9: #333333;--color-11:#ffa2b6;--color-12: #d6536d;font-family:Montserrat,sans-serif,Hind,sans-serif}*{box-sizing:border-box;margin:0}body{margin:0}.intro-wrapper{display:flex;padding:64px 16px;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;background-color:var(--color-2)}.intro-box{display:flex;flex-direction:column;align-items:center;align-self:stretch}.dev-name{color:var(--color-1);font-size:18px;font-weight:600;font-family:Montserrat,sans-serif;align-self:flex-start}.dev-title{color:var(--color-1);font-size:32px;font-weight:700;font-family:Montserrat,sans-serif;align-self:flex-start}.dev-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;align-self:stretch;text-align:left;word-wrap:break-word;color:var(--color-1);font-size:18px;font-weight:400;font-family:Hind,sans-serif}.arrow{animation:move 2s linear infinite}@keyframes move{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-10px)}}@media (min-width:667px) and (max-width:1024px){.intro-wrapper{padding:128px 32px 30px}.dev-name{font-size:28px}.dev-title{font-size:52px}}@media (min-width:1025px){.intro-wrapper{padding:332px 161px 100px}.dev-name{font-size:36px}.dev-title{font-size:70px}}@media (min-width:667px){.intro-wrapper{display:grid;grid-template-columns:repeat(7,auto);grid-template-rows:repeat(3,auto)}.intro-box{grid-area:1/1/2/8}.dev-photo{grid-area:2/1/3/3}.dev-intro{grid-area:2/3/3/9;font-size:20px}.arrow{grid-area:3/5/4/6;align-items:center}}.profilePhoto,.dev-photo{width:164px;height:164px;border-radius:50%;aspect-ratio:1/1;object-fit:cover}.tech-wrapper{padding:128px 16px;background-color:var(--color-10);width:100%}.tech-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px}.tech{color:var(--color-8);font-size:56px;font-weight:700;font-family:Montserrat,sans-serif;text-align:center}.tech-details{color:var(--color-8);font-size:24px;font-weight:600;font-family:Hind,sans-serif;text-align:left}@media (min-width:667px) and (max-width: 1024px){.tech-wrapper{padding:256px 32px}.tech-details{text-align:center}}@media (min-width:1025px){.tech-wrapper{padding:0 161px;height:980px;display:flex}.tech-container{flex-direction:row;gap:124px;justify-content:center;align-items:center}.tech{font-size:80px}.tech-details{font-size:32px}}.heading{font-size:24px;font-weight:600;font-family:Montserrat,sans-serif;color:var(--color-3)}@media (min-width: 1025px){.heading{font-size:32px}}.topic-tag{list-style:none;color:var(--color-2);background-color:var(--color-9);width:fit-content;align-items:center;text-align:left;padding:2px 6px;font-family:Hind,sans-serif;font-size:16px;border-radius:5px}.btn{display:flex;width:430px;align-items:flex-start;gap:32px}#liveDemoBtn,#viewCodeBtn{border-radius:40px;background-color:var(--color-8)}.btn a{display:flex;flex-direction:row;padding-right:16px;align-items:center;gap:7px;color:var(--color-9);font-family:Montserrat,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}#liveDemoBtn:hover,#viewCodeBtn :hover{background-color:var(--color-1);border-radius:40px}#liveDemoBtn :hover,#viewCodeBtn :hover{color:var(--color-2)}#liveDemoBtn :hover svg path,#viewCodeBtn :hover svg path{fill:var(--color-2)}@media (max-width: 666px){.btn{display:flex;padding-right:16px;align-items:center;gap:7px}.btn a{font-size:15px}}@media (min-width:667px){.btn a{font-size:15px}}.project-wrapper{display:flex;padding:128px 16px 208px;flex-direction:column;align-items:center;gap:64px;background-color:var(--color-2);width:100%;overflow:scroll}.project{color:var(--color-3);font-size:56px;font-family:Montserrat,sans-serif;align-self:center}.project-container{display:flex;flex-direction:column;align-items:flex-start;gap:64px;align-self:stretch}.blue{width:343px;height:200px;object-fit:cover;object-position:top;border-radius:13px}.project-box{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.detail-box{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;overflow:visible}.detail{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.description{font-size:18px;font-weight:400;font-family:Hind,sans-serif;color:var(--color-3);text-align:left;word-wrap:break-word}.tag{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}.btn{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}@media (min-width:667px) and (max-width:1024px){.project-wrapper{padding:128px 32px}.blue{width:200px;height:280px}.project-box{flex-direction:row}.detail-box{justify-content:space-between}.btn{flex-direction:row;gap:32px}.project{align-self:self-start}}@media (min-width: 1025px){.project-wrapper{padding:128px 161px 124px}.project{font-size:80px}.blue{width:408px;height:280px}.project-container{gap:128px}.project-box{flex-direction:row}.detail-box{justify-content:space-between}.btn{flex-direction:row;gap:32px}.project{align-self:self-start}}.skill-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--color-10);padding:128px 16px 157px;gap:64px}.skills{font-size:56px;font-weight:700;color:var(--color-8)}.skill-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:64px}.skillbox{display:flex;flex-direction:column;align-items:center;gap:16px}.listbox p{font-size:18px;color:var(--color-8);font-weight:400;font-family:Hind,sans-serif;line-height:normal;text-align:center;padding:2px}.listbox p:hover{background-color:var(--color-1);cursor:default}.code-head,.toolbox-head,.upcoming-head,.more-head{font-size:24px;font-weight:600;color:var(--color-8)}.code-head:hover,.toolbox-head:hover,.upcoming-head:hover,.more-head:hover{background-color:var(--color-1);cursor:default}@media (min-width:667px) and (max-width:1024px){.skill-wrapper{padding:128px 32px 148px;width:auto}.skill-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:flex-start;gap:64px}.skillbox{align-items:flex-start}.listbox p{text-align:left}}@media (min-width:1025px){.skill-wrapper{padding:128px 161px;gap:128px}.skill-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.skills{font-size:80px}.listbox p{text-align:left}.skill-container h3{font-size:32px}.skillbox{align-items:flex-start;gap:8px}}.contact-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:128px 16px;gap:64px;background-color:var(--color-2)}.contact{color:var(--color-1);font-family:Montserrat,sans-serif;font-size:56px;font-weight:700}.contactContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.info{display:flex;flex-direction:column;align-items:center;gap:16px}.name{font-size:30px;color:var(--color-1);font-family:Montserrat,sans-serif;font-weight:600}.location,.worldwide{color:var(--color-1);font-family:Montserrat,sans-serif;font-size:24px;font-weight:600}.contactIcons{display:flex;justify-content:center;align-items:space-around;gap:45px}.contactIcons a:hover svg path{fill:var(--color-1)}@media (min-width:667px) and (max-width:1024px){.contact-wrapper{padding:128px 32px}.location,.worldwide{font-size:20px}}@media (min-width: 1025px){.contact-wrapper{padding:100px 162px 100px 161px;gap:80px}.contact{font-size:80px}.name{font-size:35px}.location,.worldwide{font-size:20px}}.ticker-wrap{width:100%;height:80px;margin:0 auto;overflow:hidden;white-space:nowrap;bottom:0;height:114px;background-color:var(--color-1)}.ticker{display:inline-block;margin-top:5px;animation:marquee 40s linear infinite}.item-collection-1{position:relative;left:0%;animation:swap 40s linear infinite}.item{display:inline-block;color:var(--color-2);font-family:Montserrat,sans-serif;font-size:26.038px;font-weight:600;padding-top:41px;padding-bottom:35px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes swap{0%,50%{left:0%}50.01%,to{left:100%}}