@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Triodion&display=swap";@import"https://fonts.googleapis.com/css2?family=Gloock&display=swap";:root{font-family:Roboto,Triodion,"Noto Serif",Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#e2e2e2,#e2e2e2,#f7d8c4,#e2e2e2,#e2e2e2)}body{background:#e2e2e2;background-size:200% 200%;animation:moveBackground 10s linear infinite;background:linear-gradient(-45deg,#e2e2e2,#e2e2e2,#f7d8c4,#e2e2e2,#e2e2e2)}p{font-size:.9em;line-height:1.5;color:#252525}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1,h2{line-height:1.1;color:#252525}button{all:unset;cursor:pointer}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}h2{font-size:1em}}@media (max-width: 1024px){body{flex-direction:column}}@media (max-width: 768px){body{flex-direction:column}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-color-scheme: dark){:root{color:#e2e2e2;background-color:#211f2e;background:radial-gradient(circle at 25% 35%,#1f1d4b,#1d1a35 40%,#16142a 75%,#181625);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}body{background-color:#211f2e;background:radial-gradient(circle at 25% 35%,#1f1d4b,#1d1a35 40%,#16142a 75%,#181625);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#e2e2e2}p,h1,h2,h3,h4,h5,h6{color:#e2e2e2}}[data-theme=dark] :root{color:#e2e2e2;background-color:#211f2e;background:radial-gradient(circle at 25% 35%,#1f1d4b,#1d1a35 40%,#16142a 75%,#181625);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=dark] body{background-color:#211f2e;color:#e2e2e2;background:radial-gradient(circle at 25% 35%,#1f1d4b,#1d1a35 40%,#16142a 75%,#181625);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=dark] p,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#e2e2e2}[data-theme=light] :root{color:#213547;background-color:#e2e2e2;background:radial-gradient(circle at 25% 35%,#e2e2e2,#e7dbd3 40%,#e9dad0 75%,#f1cfb9);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=light] body{background-color:#e2e2e2;color:#213547;background:radial-gradient(circle at 25% 35%,#e2e2e2,#e7dbd3 40%,#e9dad0 75%,#f1cfb9);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=light] p,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#213547}:root{--text: #f2edf2;--background: #0d0c19;--primary: #bea7c0;--secondary: #574253;--accent: #ca473a;--font-title: "Playfair Display", sans-serif, Inter;--font-subtitle: "Briem Hand", sans-serif, Inter;--font-primary: "Sedan SC", sans-serif, Inter;--font-secondary: "Ubuntu Sans", sans-serif, Inter}.container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 10px}@media (max-width: 768px){.container{padding:0}}.home-icon{background-color:#ffc785;padding:8px;font-size:30px}.home-text{display:flex;flex-direction:column}.home-description{font-size:clamp(14px,1.5vw,16px);color:tomato;font-family:Poppins,Inter,system-ui}.home-text-container{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;margin-bottom:2px}.home-cards{display:flex;flex-direction:column;max-width:572px;gap:10px}.home-cards-b{display:flex;flex-direction:column;gap:10px}.home-cards-list{display:flex;gap:10px;padding:2px 6px 6px 2px;overflow-x:auto;overflow-y:hidden;width:100%;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.footer{width:100%;min-height:50px;padding-inline:10px;padding-block:5px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8d8d8d;flex-wrap:wrap;gap:4px}.footer-text{font-size:12px;font-weight:400}.home-cards-list>*{flex:0 0 auto}.home-footer{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.home-colors{flex:1;display:flex;flex-direction:column;overflow:hidden}.home-colors-track{display:flex;gap:10px;flex-wrap:wrap}.home-cards-fullsize::-webkit-scrollbar{display:none}.home-cards-fullsize{display:flex;flex-direction:row;gap:10px;padding-bottom:6px;padding-top:2px;overflow-x:auto;overflow-y:hidden;width:100%;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow:auto;scrollbar-width:none;position:relative}.home-cards-container{display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;width:100%;gap:4px}.home-cards-list>*{flex:0 0 auto;min-width:160px}.home-scroll{width:10px;height:10px;border-radius:50%;cursor:pointer}.span-title{color:#49423b}@media (max-width: 447px){.home-icon{padding:8px;font-size:30px}}@media (max-width: 600px){.footer{flex-wrap:nowrap;flex-direction:column-reverse;align-items:center;justify-content:center}}@media (max-width: 768px){.home-footer{flex-direction:column;align-items:flex-start;gap:4px}.home-cards-fullsize{flex-wrap:wrap}.home-scroll{display:none}}@media (min-width: 1194px){.home-scroll{display:none}.home-cards-fullsize{justify-content:center}}.social-button{padding:.1rem .5rem;cursor:pointer;border-radius:10px;display:flex;border:.8px solid #1a1a1a}.select-button{border-radius:10px;cursor:pointer;display:flex;font-weight:500;font-family:roboto,Inter,system-ui;font-size:12px;border:.8px solid #1a1a1a}@media (prefers-color-scheme: dark){.social-button,.select-button{background-color:#1a1a1a;border:.8px solid #e2e2e2}}.gradient-border{padding:.1rem .5rem;border-radius:10px;display:flex;cursor:pointer;border:.8px solid transparent;background-image:linear-gradient(#e7e4e4,#e7e4e4),linear-gradient(45deg,#5fc470,#176b0f,#87bb83,#c4d8c0,#00b66a,#71a55c);background-origin:border-box;background-clip:padding-box,border-box;background-size:200%;animation:move-border 4s ease-in-out infinite;white-space:nowrap;overflow:hidden}.circular-icon{width:8px;height:8px;border-radius:50%;background-color:#27973a;align-self:center;align-content:center;text-align:center;margin-right:4px;animation:pulse 1.5s infinite}@keyframes move-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: dark){.gradient-border{background-image:linear-gradient(#000,#000),linear-gradient(45deg,#39db54,#219c15,#44c738,#55b655,#009b95,#b29ba8)}.circular-icon{background-color:#39db54}}[data-theme=dark] .gradient-border{background-image:linear-gradient(#000,#000),linear-gradient(45deg,#39db54,#219c15,#44c738,#55b655,#009b95,#b29ba8)}[data-theme=dark] .circular-icon{background-color:#39db54}[data-theme=dark] .social-button,[data-theme=dark] .select-button{background-color:#1a1a1a;border:.8px solid #e2e2e2;color:#e2e2e2}[data-theme=light] .gradient-border{background-image:linear-gradient(#e7e4e4,#e7e4e4),linear-gradient(45deg,#5fc470,#176b0f,#87bb83,#1d780b,#00b66a,#317317)}[data-theme=light] .circular-icon{background-color:#27973a}[data-theme=light] .social-button,[data-theme=light] .select-button{background-color:#e7e4e4;border:.8px solid #1a1a1a;color:#1a1a1a}@media (max-width: 768px){.footer{padding:10px}}.language-toggle-button,.theme-toggle-button,.back-to-top-button{transition:color .2s ease;padding:4px 8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:4px;border:1px solid #787878;transition:border .2s ease}@media (prefers-color-scheme: dark){.language-toggle-button:hover,.theme-toggle-button:hover,.back-to-top-button:hover{border:1px solid #e2e2e2}}@media (prefers-color-scheme: light){.language-toggle-button:hover,.theme-toggle-button:hover,.back-to-top-button:hover{border:1px solid #000}}[data-theme=light] .language-toggle-button:hover,[data-theme=light] .theme-toggle-button:hover,[data-theme=light] .back-to-top-button:hover{border:1px solid #000}[data-theme=dark] .language-toggle-button:hover,[data-theme=dark] .theme-toggle-button:hover,[data-theme=dark] .back-to-top-button:hover{border:1px solid #e2e2e2}.header{width:100%;height:50px;padding-inline:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8d8d8d;flex-wrap:wrap}.navbar{display:flex;align-items:end;gap:10px}.navbar-item-light,.navbar-item-dark{list-style:none;transition:color .2s ease-in-out}.navbar-item-light{color:#000}.navbar-item-light:hover{color:#762d20}.navbar-item-dark{color:#fff}.navbar-item-dark:hover{color:tomato}.home{display:flex;flex-direction:column;align-items:center;justify-content:center}.home2{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#181816}.home-presentation{margin-top:80px;padding-block:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:moveBackground 15s ease infinite;width:100%;color:#fff}.home-presentation-image{background:linear-gradient(-45deg,#1d1d1d,#1d1d1d,#45437a,#1d1d1d,#1d1d1d);background-size:400% 400%;animation:moveBackground 15s ease infinite;width:100%;color:#fff}@keyframes moveBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientAnimation{0%{background-position:0% 50%;-webkit-background-clip:text}50%{background-position:100% 50%;-webkit-background-clip:text}to{background-position:0% 50%;-webkit-background-clip:text}}.home-title{font-family:Gloock,serif;text-transform:uppercase;font-size:60px;font-weight:900;text-align:center;color:tomato}[data-theme=dark] .home-title{color:tomato}[data-theme=light] .home-title{color:#762d20}@media (min-height: 1300px){.home-title{font-size:30px}}.about-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:100px;margin-top:100px;padding:60px;border-radius:10px}@media (max-width: 768px){.about-wrapper{padding:20px}}.button-primary{border-radius:10px;padding:6px 12px;cursor:pointer;margin:0 10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;text-decoration:none;transition:border .2s ease,background-color .2s ease,color .2s ease}.button-secondary{border-radius:10px;padding:6px 12px;cursor:pointer;margin:0 10px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out}.button-primary-light{color:#000;border:1px solid #000}.button-primary-light:hover{background-color:#f0f0f0;color:#333}.button-primary-dark{color:#fff;border:1px solid #fff}.button-primary-dark:hover{border:1px solid #fff;background-color:#272727;color:#fff}.button-secondary-light{background-color:#762d20;color:#fff}.button-secondary-light:hover{background:#b02107;color:#fff}.button-secondary-dark{background-color:tomato;color:#000}.button-secondary-dark:hover{background-color:#ff3f1d;color:#000}.chip-dark,.chip-light{border-radius:10px;padding:4px 10px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;background-color:#0a0a0a;outline:none;transition:background-color .2s ease-in-out}.chip-light:hover{background-color:#dbdbdb!important}.chip-dark:hover{background-color:#1d1a35!important}.tech-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:4px;flex:1;flex-grow:1;flex-shrink:1;flex-basis:100px;flex-wrap:wrap}.tech-card-empty{width:20px;height:20px}@media (max-width: 768px){.tech-card.empty-placeholder{display:none}}.tech-card-content{display:flex;align-items:center}.tech-card-label{font-size:12px;font-weight:500;text-align:center;margin-left:10px}.tech-card-img{width:20px;height:20px;margin-left:10px}.tech-stack{display:flex;flex-direction:column;font-size:16px;align-items:flex-start;width:100%;margin-top:100px;padding-inline:10px;padding:60px;border-radius:10px}@media (max-width: 768px){.tech-stack{padding:20px}}.blog-card{display:flex;gap:10px;flex:1 1 400px;border-radius:14px;padding:8px;transition:transform .2s ease;cursor:pointer}.blog-card:hover{transform:scale(1.01)}.blog-card-read{transition:color .2s ease}.blog-card-read:hover{color:#737373}@media (prefers-color-scheme: light){.blog-card-read:hover{color:#737373}}@media (prefers-color-scheme: dark){.blog-card-read:hover{color:#737373}}.work-card-image{min-width:100px;aspect-ratio:2 / 1;object-fit:cover;border-radius:10px;background-color:#1b1b1b;min-height:80px;height:auto;max-height:100px}.work-card-wrapper:hover{transform:scale(1.01)}@media (max-width: 500px){.work-card-content{flex-wrap:wrap}.work-card-image{width:100%;height:100px}}.work-card-read-more{transition:color .2s ease}.work-card-read-more:hover{color:#737373}@media (prefers-color-scheme: light){.work-card-read-more:hover{color:#737373}}@media (prefers-color-scheme: dark){.work-card-read-more:hover{color:#737373}}