body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-content:center;font-family:Plus Jakarta Sans;margin:0;max-width:1280=px}.home-container,.projects-container,.single-project-container{justify-content:top}.articles-container,.home-container,.projects-container,.single-project-container{align-items:center;flex-direction:column;margin:0 auto;max-width:1280px;min-height:100vh;text-align:center}.page-footer{bottom:0;max-width:1280px;width:100%}.page-content{min-height:50vh}html{scrollbar-color:#ff6500 #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:2px}::-webkit-scrollbar-thumb{background:#ff6500;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e55300}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}html{scroll-behavior:smooth}::-moz-selection{background:#ff6500;color:#fff}::selection{background:#ff6500;color:#fff}::-webkit-selection{background:#ff6500;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{align-items:center;background:#fff;margin-top:16px;padding:0;position:Scroll;width:100%;z-index:1000}.header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:auto 20px;max-width:1280px}.logo{color:#1890ff;cursor:pointer;font-size:20px;font-weight:700;text-decoration:none}.header-logo{height:36px}.menu{display:flex;gap:20px}.menu ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.menu li{display:inline}.menu a{color:#121212;font-weight:500;text-decoration:none}.menu a:hover{color:#ff6500}.menu-icon{cursor:pointer;display:none;font-size:24px;margin-left:20px;margin-right:0}@media (max-width:768px){.menu{background:#fff;border-radius:0;display:none;flex-direction:column;gap:0;position:absolute;right:0;top:64px;width:200px;.home-container{margin-left:20px;margin-right:20px}}.Drawer{background-color:#fff;color:#121212;display:flex;gap:0;list-style:none;margin:0;padding:0}.Drawer .ant-drawer-body{color:#121212;display:flex;flex-direction:column;font-family:Plus Jakarta Sans;font-size:16px;font-weight:500;gap:30px;padding:20px 20px 20px 30px}.Drawer .ant-drawer-title{color:#121212;font-family:Plus Jakarta Sans;font-size:18px;font-weight:700;text-align:left}.custom-link{color:#121212;text-decoration:none}.custom-link:hover{color:#ff6500}.menu ul{flex-direction:column;gap:10px}.menu li{padding:5px;text-align:left}.menu-icon{display:block}}.custom-link-web{font-weight:500}.custom-link-web:hover{color:#ff6500;cursor:pointer}.fade-in-up{animation:fadeInUp .8s ease-out forwards;transform:translateY(100px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.hero-all-content{align-items:center;display:flex;justify-content:space-between}.hero-uxui-image{animation:fadeInUp 1.1s ease-out;width:400px}@media (max-width:1120px){.hero-uxui-image{width:350px}}@media (max-width:1000px){.hero-uxui-image{display:none}}.hero-section{align-items:left;display:flex;flex-direction:column;height:auto;justify-content:left;margin:0 20px;max-width:1280px;padding-top:150px;text-align:left}@media (max-width:768px){.hero-section{padding-top:100px}}@media (max-width:500px){.hero-section{padding-top:60px}}.hero-image{animation:fadeInUp .5s ease-out;border-radius:50%;height:150px;margin-bottom:30px;-o-object-fit:cover;object-fit:cover;width:150px}@media (max-width:500px){.hero-image{height:130px;margin-bottom:20px;width:130px}}.hero-text{animation:fadeInUp .7s ease-out;color:#121212;font-size:30px;font-weight:700;line-height:48px;margin-bottom:30px;margin-top:0;max-width:600px}@media (max-width:500px){.hero-text{font-size:24px;line-height:40px;margin-bottom:20px}}.hero-icons{animation:fadeInUp .9s ease-out;display:flex;gap:10px}.Icon{height:44px;width:44px}.Icon a:hover{transition:content .3s ease}.selected-projects{margin-left:20px;margin-right:20px;max-width:1280px;padding-top:150px;text-align:left}@media (max-width:500px){.selected-projects{padding-top:80px}}@media (max-width:768px){.selected-projects{padding-top:100px}}.section-title{color:#121212;font-size:24px;font-weight:500}@media (max-width:500px){.section-title{font-size:20px}}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:left}.project-card{animation:fadeInUp .7s ease-out;aspect-ratio:1/.8;border-radius:0;cursor:pointer;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;transition:transform .3s ease}@media (max-width:768px){.project-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.project-card{flex:1 1 100%}}.project-card:hover{transform:scale(1.02)}.project-image{border-radius:0;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-overlay{align-items:left;background-color:hsla(0,0%,7%,.3);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:start;left:0;position:absolute;top:0;width:100%}.project-overlay:hover{background-color:hsla(0,0%,7%,.6);transition:background-color .3s ease}@media (max-width:480px){.project-overlay{gap:5px}}.project-name{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:0;margin-left:20px}.tags{gap:0}.tags,.tags1{display:flex;justify-content:left}.tags1{gap:10px}.project-tags{color:#d1d1d1;font-size:1rem;margin-left:20px}.project-head{align-items:center;animation:fadeIn 1s ease-out;animation:fadeInUp .5s ease-out;display:flex;justify-content:space-between;margin-bottom:10px;max-width:1280px}.see-all-button{color:#121212;cursor:pointer;display:flex;font-size:20px;font-weight:300;text-decoration:none;transition:background-color .3s ease}@media (max-width:500px){.see-all-button{display:none}}.see-all-button:hover{color:#ff6500;font-weight:400}.see-all-button-mobile{color:#121212;cursor:pointer;display:none;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .3s ease}@media (max-width:500px){.see-all-button-mobile{display:flex}}.fade-in-up{transform:translateY(80px)}.about-me{animation-delay:.2s;margin-left:20px;margin-right:20px;margin-top:120px}.rightinfo{animation:fadeInUp .9s ease-out}.about-me-image{animation:fadeInUp .7s ease-out}@media (max-width:500px){.about-me{margin-top:80px}}@media (max-width:768px){.about-me{margin-top:100px}}.about-me-container{align-items:left;display:grid;max-width:1280px;text-align:left}.about-me-title{align-items:left;animation:fadeInUp .5s ease-out;font-size:24px;font-weight:500}@media (max-width:500px){.about-me-title{font-size:20px}}.about-me-image{border-radius:0;max-width:100%;padding-right:30px}.about-me-content{display:flex;flex-wrap:wrap;max-width:1280px;text-align:left;vertical-align:middle}.about-me-text{color:#121212;font-size:20px;font-weight:600;line-height:38px;margin-bottom:20px;max-width:650px}@media (max-width:500px){.about-me-text{font-size:18px;line-height:32px}}.download-cv-btn{align-items:center;border:none;color:#121212;cursor:pointer;display:inline-flex;font-size:18px;font-weight:450;text-decoration:none;transition:border-bottom color .3s ease .3s}.download-cv-btn:hover{border-bottom:1.5px solid #ff6500;padding-bottom:5px}@media (max-width:500px){.download-cv-btn{font-size:16px}}.btn-icon{color:#121212;text-decoration:none}@media (max-width:768px){.about-me-container{flex-direction:column;text-align:left}.about-me-content{max-width:100%}}.latest-articles{align-items:center;border-radius:8px;margin-top:120px;max-width:1280px;padding:0 20px}.article-head{align-items:center;animation:fadeInUp .5s ease-out;display:flex;justify-content:space-between}.article-section-title{color:#121212;font-size:24px;font-weight:500;margin:0}@media (max-width:500px){.article-section-title{font-size:20px}}.articles-see-all-link{color:#121212;cursor:pointer;display:block;font-size:20px;font-weight:300;text-decoration:none;transition:background-color .3s}.articles-see-all-link:hover{color:#ff6500}.article-line{animation:fadeInUp .7s ease-out;border-bottom:1px solid hsla(0,0%,7%,.2);display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px;padding-top:30px;transition:border-color .3s ease,color .3s ease,padding-left .3s ease;vertical-align:middle}.article-line:hover{border-bottom:1px solid #ff6500;padding-left:10px}@media (max-width:768px){.article-line{display:block;padding-bottom:20px;padding-top:20px}}.article-title{color:#121212;font-size:20px;font-weight:400;line-height:28px;margin:0 0 10px;text-align:left;text-decoration:none}.article-title:hover{font-weight:450}@media (max-width:500px){.article-title{font-size:18px}}.article-date{color:hsla(0,0%,7%,.7);font-size:18px;margin:0;text-align:left}@media (max-width:500px){.article-date{font-size:16px}}@media (max-width:768px){.articles-see-all-link{display:none}}.articles-see-all-link-mobile{color:#121212;cursor:pointer;display:none;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .3s ease}@media (max-width:768px){.articles-see-all-link-mobile{display:block}.articles-see-all-link-mobile:hover{color:#ff6500}}.contact-me{margin-top:120px;padding:0 20px}@media (max-width:768px){.contact-me{margin-top:80px}}.contact-me-container{display:block;text-align:left}.contact-me-title{animation:fadeInUp .5s ease-out;font-size:42px;font-weight:550;line-height:10px}@media (max-width:500px){.contact-me-title{font-size:32px}}.contact-me-description{animation:fadeInUp .7s ease-out;font-size:18px;font-weight:400;letter-spacing:.1px;line-height:30px;max-width:580px;padding-bottom:15px}.contact-me-content{animation:fadeInUp .9s ease-out;display:flex;flex-wrap:wrap;justify-content:start}@media (max-width:500px){.contact-me-content{gap:10px}}.contact-me-icon{height:28px;width:28px}.contact-me-text{font-size:18px;font-weight:350}.custom-link{align-items:center;color:#121212;display:flex;gap:10px;padding-right:80px;text-decoration:none}.custom-link:hover{color:#ff6500}.footer{animation:fadeInUp .8s ease-out;border-top:1px solid hsla(0,0%,7%,.2);margin:40px 20px 20px;padding-top:20px}.footer-content{align-items:center;animation:fadeInUp .9s ease-out;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;max-width:1280px}.footer-text{font-size:18px;font-weight:350;letter-spacing:.3px}.footer-social-media{display:flex;flex-wrap:wrap;gap:15px}.footer-custom-link{color:hsla(0,0%,7%,.8);font-weight:450;text-decoration:none}.footer-custom-link:hover{color:#ff6500;font-weight:500}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.all-projects{margin:0 auto;max-width:1280px;padding:100px 20px 0;text-align:left}@media (max-width:500px){.all-projects{padding-top:40px}}.allprojects-section-title{animation:fadeInUp .5s ease-out;border-bottom:1px solid hsla(0,0%,7%,.2);font-size:44px;font-weight:700;margin-bottom:20px;padding-bottom:20px;text-align:left}@media (max-width:500px){.allprojects-section-title{font-size:36px}}.allprojects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:left}@media (max-width:500px){.allprojects-grid{gap:20px}}.allprojects-card{animation:fadeInUp .7s ease-out;aspect-ratio:1/.8;border-radius:0;cursor:pointer;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .3s ease}.allprojects-card:hover{transform:scale(1.02)}@media (max-width:768px){.allprojects-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.allprojects-card{flex:1 1 100%}}.allprojects-image{border-bottom:1px solid #ddd;height:auto;width:100%}.allprojects-details{padding-bottom:20px;padding-top:15px;position:relative;text-align:left;z-index:1}@media (max-width:500px){.allprojects-details{padding-bottom:15px;padding-top:10px}}.allprojects-name{color:#121212;font-size:24px;font-weight:700;margin:0 0 10px}@media (max-width:500px){.allprojects-name{font-size:20px}}.allprojects-tags{color:#666;font-size:18px;margin:0}@media (max-width:500px){.allprojects-tags{font-size:16px}}.project-detail-description{color:#121212;font-size:16px;font-weight:400;line-height:28px;max-width:550px;text-align:left}.project-detail-main-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.project-detail-main-info-content{display:block}.back-button{align-items:center;animation:fadeInUp .5s ease-out;display:flex;gap:5px;padding-left:20px;padding-top:120px}@media (max-width:720px){.back-button{padding-top:60px}}.back-button-text{color:#121212;font-size:16px;text-decoration:none}.back-button-text:hover{font-weight:500}.project-title{animation:fadeInUp .5s ease-out;color:#121212;font-size:36px;padding-bottom:10px;padding-top:20px;text-align:left}.project-detail-container{padding-left:20px;padding-right:20px}.project-detail-cover{animation:fadeInUp .7s ease-out;border-radius:0;padding-bottom:100px;width:100%}@media (max-width:720px){.project-detail-cover{padding-bottom:60px}}.project-detail-content{align-items:center;display:flex;flex-direction:column;gap:60px;max-width:1280px;padding-bottom:120px}@media (max-width:720px){.project-detail-content{padding-bottom:6gg0px}}.project-detail-media{grid-gap:40px;display:grid;gap:40px;padding-top:40px}@media (max-width:720px){.project-detail-media{padding-top:20px}}.project-detail-title{color:#121212;font-size:20px;text-align:left}.project-detail-additional-info{align-items:flex-start;display:flex;flex-direction:column;gap:30px;padding-bottom:20px}.add-info-title{width:60px}.project-detail-additional-info-content{color:#121212;display:flex;gap:40px;text-align:left}.project-detail-info{align-items:flex-start;animation:fadeInUp .7s ease-out;background-color:#fffefe;border:1px solid hsla(0,0%,7%,.1);display:flex;flex-direction:column;padding:60px}@media (max-width:720px){.project-detail-info{padding:20px}}.project-detail-visit-button{background-color:#f36202;color:#fff;font-weight:500;margin-top:15px;padding:10px 20px;text-decoration:none}.project-detail-visit-button:hover{background-color:#d35806;transition:background-color .3s ease}.all-articles{margin:0 auto;max-width:1280px;padding:100px 20px 0;text-align:left}@media (max-width:500px){.all-articles{padding-top:40px}}.all-articles-title{animation:fadeInUp .5s ease-out;font-size:44px;font-weight:700;margin-bottom:20px;text-align:left}@media (max-width:500px){.all-articles-title{font-size:36px}}.all-articles-line{animation:fadeInUp .7s ease-out;border-bottom:1px solid hsla(0,0%,7%,.2);display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px;padding-top:30px;transition:border-color .3s ease,color .3s ease,padding-left .3s ease;vertical-align:middle}.all-articles-line:hover{border-bottom:1px solid #ff6500;padding-left:10px}@media (max-width:768px){.all-articles-line{display:block;padding-bottom:20px;padding-top:20px}}
/*# sourceMappingURL=main.0913b8a9.css.map*/