@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);#root,body,html{font-family:Roboto,sans-serif;margin:0;padding:0}#root,.App,body,html{height:100%;width:100%}.App{text-align:center}form{display:flex;flex-direction:column;gap:.4rem}.ContactForm_formInput__clk1r,input,textarea{background-color:var(--bg-color);border:1px solid var(--text-color);border-radius:5px;color:var(--text-color);font-size:16px;padding:10px}textarea{resize:none}.ContactForm_contactForm__-iFaU{margin:0 auto}.ContactForm_formGroup__knos9{margin-bottom:15px;width:100%}.ContactForm_errorMessage__4-iWk{color:red;display:block;font-size:.8em;margin-top:5px}.ContactForm_statusMessage__sILVo{border-radius:5px;margin-top:15px;padding:10px}.ContactForm_statusMessage__sILVo.ContactForm_error__6x-Uq{background-color:#ffebee;color:#c62828}.ContactForm_confirmationMessage__stPy8{background-color:#e8f5e9;border-radius:5px;padding:20px;text-align:center}.ContactForm_btnPrimary__-L6qi{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.ContactForm_btnPrimary__-L6qi:hover{filter:brightness(95%)}.About_reactBlue__kcnB5{background-color:var(--react-blue)}.About_vueGreen__EUBdf{background-color:var(--vue-green)}.About_awsOrange__cq0Gv{background-color:var(--aws-orange)}.About_typescriptBlue__8WWin{background-color:var(--typescript-blue);color:#fff}.About_nodeGreen__2ij10{background-color:var(--node-green);color:#fff}.About_graphqlPink__hFSYe{background-color:var(--graphql-pink);color:var(--light-text-color)}@media(max-width:1024px)and (min-width:769px){.creative-portfolio .container{width:80vw!important}.creative-portfolio__hero .hero-content{gap:1rem!important;grid-template-columns:1fr!important}.creative-portfolio__hero .logo-container{height:100px!important}.creative-portfolio__hero .hero-logo{left:-1rem!important}.creative-portfolio__hero .text-content{padding-left:0!important}.creative-portfolio__hero h1{font-size:3rem!important}.creative-portfolio__hero h2{font-size:1.5rem!important}.creative-portfolio__projects .projects-grid .project-card{width:calc(45% - .5rem)!important}.creative-portfolio__contact .container{width:60vw!important}}@media(max-width:767px){.creative-portfolio .container{width:95vw}.creative-portfolio__nav{position:fixed}.creative-portfolio__nav .nav-items{gap:.5rem!important}.creative-portfolio__skills .creative-portfolio__skills-chart{display:flex;flex-direction:column}.creative-portfolio__skills .creative-portfolio__skills-chart .skill-bar{margin-bottom:1.5rem;position:relative}.creative-portfolio__skills .creative-portfolio__skills-chart .skill-bar .skill-name{font-weight:600;margin-bottom:.5rem}.creative-portfolio__skills .creative-portfolio__skills-chart .skill-bar .skill-level{background-color:rgba(var(--primary-color),.2);border-radius:5px;height:10px;overflow:hidden}.creative-portfolio__skills .creative-portfolio__skills-chart .skill-bar .skill-level:after{background-color:var(--primary-color);content:"";display:block;height:100%;transition:width .5s ease-out}.creative-portfolio__skills .creative-portfolio__skills-chart .skill-bar .skill-percent{font-size:.8rem;font-weight:600;position:absolute;right:0;top:0}.creative-portfolio__experience .creative-portfolio__timeline:after{display:none!important}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item{background-color:rgba(var(--primary-color),.05);border-left:4px solid var(--primary-color);margin-bottom:2rem;padding:1rem;width:100%!important}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item:nth-child(2n){left:0}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item:after{display:none!important}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item .timeline-content .timeline-header{align-items:flex-start;flex-direction:column}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item .timeline-content .timeline-header .title-logo{align-items:center;display:flex;margin-top:.5rem}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item .timeline-content .timeline-header .title-logo h4{margin-right:.5rem}.creative-portfolio__experience .creative-portfolio__timeline .timeline-item .timeline-content ul{padding-left:1rem}.creative-portfolio__projects .projects-grid{display:flex;flex-direction:column;gap:1.5rem}.creative-portfolio__projects .projects-grid .project-card{align-items:center;background-color:rgba(var(--primary-color),.05);border-radius:8px;display:flex;flex-direction:row;padding:1rem;width:100%!important}.creative-portfolio__projects .projects-grid .project-card .project-icon{flex-shrink:0;height:60px;margin-right:1rem;width:60px}.creative-portfolio__projects .projects-grid .project-card .project-info{flex:1 1}.creative-portfolio__projects .projects-grid .project-card .project-info h3{font-size:1.1rem;margin:0 0 .5rem}.creative-portfolio__projects .projects-grid .project-card .project-info p{font-size:.9rem;margin-bottom:.5rem}.creative-portfolio__projects .projects-grid .project-card .project-info .project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.creative-portfolio__projects .projects-grid .project-card .project-info .project-tags .tech-tag{background-color:var(--secondary-color);border-radius:4px;color:var(--text-color);font-size:.8rem;padding:2px 6px}}.creative-portfolio__articles{display:flex;justify-content:center;padding:100px 0}.creative-portfolio__articles .container{width:60vw}@media(max-width:768px){.creative-portfolio__articles .container{width:90vw}}.creative-portfolio__articles .articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.creative-portfolio__articles .article-card{color:var(--text-color);text-decoration:none;transition:transform .3s ease}.creative-portfolio__articles .article-card:hover{transform:translateY(-5px)}.creative-portfolio__articles .article-card .card-content{border:1px solid var(--secondary-color);border-radius:10px;height:100%;padding:1.5rem}.creative-portfolio__articles .article-card .card-content .meta{color:var(--accent-color);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.creative-portfolio__articles .article-card .card-content h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.creative-portfolio__articles .article-card .card-content .excerpt{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.creative-portfolio__articles .article-card .card-content .tags{display:flex;flex-wrap:wrap;gap:.5rem}.creative-portfolio__articles .article-card .card-content .tags .tag{background-color:var(--secondary-color);border-radius:15px;color:var(--text-color);font-size:.875rem;padding:.25rem .75rem}.creative-portfolio__article-detail{display:flex;justify-content:center;padding:100px 0}.creative-portfolio__article-detail .container{width:60vw}@media(max-width:768px){.creative-portfolio__article-detail .container{width:90vw}}.creative-portfolio__article-detail .article-header{margin-bottom:3rem;text-align:center}.creative-portfolio__article-detail .article-header .meta{color:var(--accent-color);display:flex;gap:1rem;justify-content:center;margin-top:1rem}.creative-portfolio__article-detail .article-content{line-height:1.8}.creative-portfolio__article-detail .article-content h2{font-size:1.875rem;font-weight:600;margin:2rem 0 1rem}.creative-portfolio__article-detail .article-content p{margin-bottom:1.5rem}.creative-portfolio__article-detail .article-content code{background-color:var(--secondary-color);border-radius:4px;font-family:monospace;padding:.2rem .4rem}.creative-portfolio__article-detail .article-content pre{background-color:var(--secondary-color);border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.creative-portfolio__article-detail .code-example{background-color:var(--secondary-color);border-radius:8px;margin:1.5rem 0;overflow:hidden}.creative-portfolio__article-detail .code-example pre{margin:0;overflow-x:auto;padding:1.5rem}.creative-portfolio__article-detail .code-example code{font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5}.creative-portfolio__article-detail .article-note,.creative-portfolio__article-detail .article-tip,.creative-portfolio__article-detail .article-warning{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.creative-portfolio__article-detail .article-note .note-icon,.creative-portfolio__article-detail .article-note .tip-icon,.creative-portfolio__article-detail .article-note .warning-icon,.creative-portfolio__article-detail .article-tip .note-icon,.creative-portfolio__article-detail .article-tip .tip-icon,.creative-portfolio__article-detail .article-tip .warning-icon,.creative-portfolio__article-detail .article-warning .note-icon,.creative-portfolio__article-detail .article-warning .tip-icon,.creative-portfolio__article-detail .article-warning .warning-icon{font-size:1.5rem;line-height:1}.creative-portfolio__article-detail .article-note{background-color:rgba(var(--primary-color),.1);border-left:4px solid var(--primary-color)}.creative-portfolio__article-detail .article-warning{background-color:rgba(var(--accent-color),.1);border-left:4px solid var(--accent-color)}.creative-portfolio__article-detail .article-tip{background-color:rgba(var(--secondary-color),.1);border-left:4px solid var(--secondary-color)}.creative-portfolio__article-detail .article-demo{border:1px solid var(--secondary-color);border-radius:8px;margin:2rem 0;overflow:hidden}.creative-portfolio__article-detail .article-demo .demo-title{background-color:var(--secondary-color);font-weight:600;padding:.75rem 1rem}.creative-portfolio__article-detail .article-demo .demo-content{padding:1rem}.creative-portfolio__article-detail .article-h1{color:var(--text-color);font-size:2.5rem;font-weight:700;margin:2rem 0 1.5rem}.creative-portfolio__article-detail .article-h2{color:var(--text-color);font-size:2rem;font-weight:600;margin:2rem 0 1rem}.creative-portfolio__article-detail .article-h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}.creative-portfolio__article-detail .inline-code{background-color:var(--secondary-color);border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;padding:.2rem .4rem}.creative-portfolio__article-detail .article-link{border-bottom:1px dashed var(--primary-color);color:var(--primary-color);text-decoration:none;transition:border-bottom-style .3s}.creative-portfolio__article-detail .article-link:hover{border-bottom-style:solid}.creative-portfolio__article-detail .article-figure{margin:2rem 0;text-align:center}.creative-portfolio__article-detail .article-figure .article-image{border-radius:8px;height:auto;max-width:100%}.creative-portfolio__article-detail .article-figure .article-caption{color:var(--text-color);font-size:.9rem;margin-top:.75rem;opacity:.8}@media(max-width:768px){.creative-portfolio__article-detail .article-h1{font-size:2rem}.creative-portfolio__article-detail .article-h2{font-size:1.75rem}.creative-portfolio__article-detail .article-h3{font-size:1.25rem}.creative-portfolio__article-detail .code-example{margin:1rem 0}.creative-portfolio__article-detail .code-example pre{padding:1rem}}footer,nav,section{display:flex;justify-content:center}.creative-portfolio__nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--bg-color),.8);left:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease-in-out;z-index:1000}.creative-portfolio__nav .container{align-items:center;display:flex;flex-direction:column}.creative-portfolio__nav.visible{transform:translateY(0)}.creative-portfolio__nav .nav-items{display:flex;gap:1rem;justify-content:center}.creative-portfolio__nav .nav-item{color:var(--text-color);font-weight:500;position:relative;text-decoration:none}.creative-portfolio__nav .nav-item:after{background-color:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.creative-portfolio__nav .nav-item.active:after,.creative-portfolio__nav .nav-item:hover:after{width:100%}.creative-portfolio__hero{align-items:center;display:flex;height:100vh;overflow:hidden;padding:2rem 0;position:relative}.creative-portfolio__hero .hero-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.creative-portfolio__hero .logo-container{align-self:start;position:relative}.creative-portfolio__hero .hero-logo{height:auto;left:-2rem;position:absolute;top:0;transform:rotate(-10deg);transition:transform .3s ease;width:150px}.creative-portfolio__hero .hero-logo:hover{transform:rotate(0deg)}.creative-portfolio__hero .text-content{display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.creative-portfolio__hero h1{font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.creative-portfolio__hero h2{color:var(--accent-color);font-size:1.75rem;font-weight:400;margin-bottom:1.5rem}.creative-portfolio__hero p{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:600px}.creative-portfolio__hero .cta-buttons{display:flex;gap:1rem}.creative-portfolio__hero .btn{align-items:center;border-radius:30px;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.creative-portfolio__hero .btn-primary{background-color:var(--primary-color);color:#fff}.creative-portfolio__hero .btn-primary:hover{filter:brightness(80%)}.creative-portfolio__hero .btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.creative-portfolio__hero .btn-secondary:hover{filter:brightness(80%)}.creative-portfolio__hero .btn-outline{background-color:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.creative-portfolio__hero .btn-outline:hover{background-color:var(--primary-color);color:#fff}.creative-portfolio__hero .btn .icon-right{margin-left:.5rem}@media(max-width:992px){.creative-portfolio__hero{height:auto;min-height:100vh}.creative-portfolio__hero .hero-content{grid-template-columns:1fr}.creative-portfolio__hero .logo-container{height:120px}.creative-portfolio__hero .hero-logo{left:-1rem;width:120px}.creative-portfolio__hero .text-content{padding-left:0}.creative-portfolio__hero h1{font-size:3rem}.creative-portfolio__hero h2{font-size:1.5rem}}.creative-portfolio__scroll-indicator{align-items:center;bottom:40px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.creative-portfolio__scroll-indicator span{font-size:14px;margin-bottom:10px;opacity:.7}.creative-portfolio__scroll-indicator .chevron{animation:move 3s ease-out infinite;height:8px;opacity:0;transform:scale3d(.5,.5,.5);width:28px}.creative-portfolio__scroll-indicator .chevron:first-child{animation:move 3s ease-out 1s infinite}.creative-portfolio__scroll-indicator .chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.creative-portfolio__scroll-indicator .chevron:after,.creative-portfolio__scroll-indicator .chevron:before{background:var(--text-color);content:" ";height:100%;position:absolute;top:0;width:51%}.creative-portfolio__scroll-indicator .chevron:before{left:0;transform:skew(0deg,30deg)}.creative-portfolio__scroll-indicator .chevron:after{right:0;transform:skew(0deg,-30deg);width:50%}.creative-portfolio .container{width:60vw}.creative-portfolio__about,.creative-portfolio__contact,.creative-portfolio__experience,.creative-portfolio__projects,.creative-portfolio__skills{padding:100px 0}.creative-portfolio__tech-stack .tech-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;margin-bottom:10px;margin-right:10px;padding:8px 16px}.creative-portfolio__skills-chart{border:1px solid #e9c46a;border-radius:10px;padding:1rem}.creative-portfolio__skills-chart .skill-bar{margin-bottom:20px}.creative-portfolio__skills-chart .skill-bar .skill-name{display:block;font-weight:500;margin-bottom:5px}.creative-portfolio__skills-chart .skill-bar .skill-level{background-color:var(--primary-color);border-radius:5px;height:10px;position:relative;transition:width 1s ease-out}.creative-portfolio__skills-chart .skill-bar .skill-level .skill-percent{font-size:14px;position:absolute;right:0;top:-25px}.creative-portfolio__timeline{margin:0 auto;position:relative}.creative-portfolio__timeline:after{background-color:var(--secondary-color);bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.creative-portfolio__timeline .timeline-item{background-color:inherit;padding:10px 0;position:relative;transition:transform .3s ease,background-color .3s ease;width:50%}.creative-portfolio__timeline .timeline-item .timeline-content{padding:0 20px}.creative-portfolio__timeline .timeline-item .timeline-content ul{text-align:left}.creative-portfolio__timeline .timeline-item .timeline-content .timeline-header{align-items:baseline;display:flex;justify-content:space-around}.creative-portfolio__timeline .timeline-item .timeline-content .timeline-header h3,.creative-portfolio__timeline .timeline-item .timeline-content .timeline-header h4{margin:0;width:-webkit-fit-content;width:fit-content}.creative-portfolio__timeline .timeline-item .timeline-content .timeline-header .title-logo{align-items:center;display:flex;justify-content:flex-start}.creative-portfolio__timeline .timeline-item:after{background-color:var(--bg-color);border:4px solid var(--accent-color);border-radius:50%;content:"";height:25px;position:absolute;right:-17px;top:15px;width:25px;z-index:1}.creative-portfolio__timeline .timeline-item:nth-child(2n){left:50%}.creative-portfolio__timeline .timeline-item:nth-child(2n):after{left:-16px}.creative-portfolio__timeline .timeline-item:hover{background-color:rgba(var(--primary-color),.1);transform:scale(1.02)}.creative-portfolio__projects .projects-grid{display:flex;flex-wrap:wrap;gap:1rem}.creative-portfolio__projects .projects-grid .project-card{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:transform .3s ease;width:45%}.creative-portfolio__projects .projects-grid .project-card .project-header{border-top:1px solid var(--secondary-color);padding:20px}.creative-portfolio__projects .projects-grid .project-card:hover{transform:translateY(-5px)}.creative-portfolio__projects .projects-grid .project-card .project-icon{background-color:#fff;border-radius:50%;height:50px;object-fit:cover;width:50px}.creative-portfolio__projects .projects-grid .project-card .project-info{padding:0 20px 20px}.creative-portfolio__projects .projects-grid .project-card h3{font-size:1.2rem;margin:.4rem}.creative-portfolio__projects .projects-grid .project-card .project-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}.creative-portfolio__projects .projects-grid .project-card .tech-tag{background-color:var(--secondary-color);border-radius:4px;color:var(--text-color);display:inline-block;font-size:12px;margin-bottom:5px;margin-right:5px;padding:4px 8px}.creative-portfolio__contact{display:flex;justify-content:center}.creative-portfolio__contact .container{width:40vw}@media(max-width:768px){.creative-portfolio__contact .container{width:90vw}}.creative-portfolio__contact .contact-link{align-items:center;color:var(--text-color);display:flex;margin-bottom:10px;text-decoration:none}.creative-portfolio__contact .contact-link svg{margin-right:10px}.creative-portfolio__footer{background-color:var(--secondary-color);color:var(--text-color);padding:20px 0}.creative-portfolio__footer .social-link{color:var(--text-color);transition:color .3s}.creative-portfolio__footer .social-link:hover{color:var(--primary-color)}.btn{border-radius:30px;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{filter:brightness(80%)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.btn-secondary:hover{filter:brightness(80%)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.delay-600{animation-delay:.6s}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2a9d8f;--secondary-color:#e9c46a;--text-color:#264653;--bg-color:#f4f1de;--accent-color:#e76f51;--light-text-color:#f4f1de;--card-bg-color:#f4f1de;--shadow-color:#0000001a;--react-blue:#61dafb;--vue-green:#42b883;--aws-orange:#f90;--typescript-blue:#3178c6;--node-green:#393;--graphql-pink:#e10098;--darken-primary-color:darken($primary-color,90%)}.theme-dark{--primary-color:#3dc3b3;--secondary-color:#f1d289;--text-color:#f4f1de;--bg-color:#1a2833;--accent-color:#e76f51;--light-text-color:#264653;--card-bg-color:#2c3e50;--shadow-color:#0000004d}body{background-color:#f4f1de;background-color:var(--bg-color);color:#264653;color:var(--text-color);font-family:Poppins,sans-serif;transition:background-color .3s,color .3s}.card{background-color:#f4f1de;background-color:var(--card-bg-color);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);padding:1rem}
/*# sourceMappingURL=main.b32f47c5.css.map*/