*{margin:0;padding:0;box-sizing:border-box}:root{--primary-background-color: #3c4043;--primary-font-color: #ffffffde;--primary-font-color-light: #212224;--primary-font-color-description: #b1bed1;--primary-background-color-light: #ffffff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:var(--primary-font-color);background-color:var(--primary-background-color)}@media (prefers-color-scheme: light){:root{color:var(--primary-font-color);background-color:var(--primary-background-color-light)}}#root{max-width:1280px;margin:0 auto}:root{--content-nth-even-background-color: #333333;--content-nth-odd-background-color: #555555;--content-header-background-color: #32517a}.content{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - var(--nav-height) - var(--footer-height))}.content-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:fit-content;padding:1rem;background-color:var(--content-header-background-color)}.content-header>p{font-size:1.2rem}.content>ul:nth-child(2n){background-color:var(--content-nth-even-background-color)}.content>ul:nth-child(odd){background-color:var(--content-nth-odd-background-color)}.linkbutton{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-bottom:1rem}.linkbutton>a{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:var(--content-header-background-color);border-radius:30px;text-decoration:none;color:#fff;padding:.5rem 2rem;border:2px solid #ffffff}.linkbutton>a:hover{background-color:orange;color:#000;transition:all .5s ease-in-out}.techbar{display:flex;flex-direction:column}.techbar-header{color:#e2e2e2;margin:0 auto}.techbar-content{display:inherit;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;height:fit-content;padding:1rem}.techbar-wrapper{display:inherit;align-items:center;gap:.5rem;background-color:var(--content-header-background-color);padding:.3rem 1rem;border-radius:30px}.techbar-wrapper>a{display:flex;align-items:center;gap:.2rem;padding:0;color:#fff;text-decoration:none}.techbar-color-html,.techbar-color-git{fill:#f60}.techbar-color-css{fill:#4782ff}.techbar-color-js{fill:#c4c720}.techbar-color-ts{fill:#3f7bd4}.techbar-color-sass,.techbar-color-scss{fill:#b494e7}.techbar-color-vite{fill:#d48d4a}.techbar-color-code,.techbar-color-project{fill:#fff}.techbar-color-supabase,.techbar-color-mint,.techbar-color-node{fill:#51d45c}.techbar-color-vscode,.techbar-color-react{fill:#4782ff}.techbar-color-npm{fill:#af0f0f}.techbar-wrapper:has(a):hover{background-color:#f60;cursor:pointer}.techbar-wrapper:has(a){background-color:#3465cf;cursor:pointer}.project{display:flex;flex-direction:column;justify-content:start;width:80%;height:fit-content;margin:0 auto;padding:1rem}.project-view{display:flex;flex-direction:row;justify-content:center;height:85%;margin:2rem 0}.project-view-reverse{flex-direction:row-reverse}.project-description{width:50%;padding:3rem;overflow-y:auto;scrollbar-width:none}h1{margin-bottom:2rem}h2{margin-bottom:2rem;text-align:left}.project-description>p,.project-description>ul{text-align:left;width:100%;font-size:1.2rem;color:var(--primary-font-color-description);list-style-type:disc;background-color:transparent}.project-image{height:fit-content;width:50%;margin:auto 0}.project-image>a{display:flex;flex-direction:row;gap:1rem;padding:0rem;overflow-x:auto;scrollbar-width:thin}.image{width:100%;height:100%;object-fit:contain;border-radius:10px}.image-small{width:50%;object-fit:contain;border-radius:10px}.project-footer{height:fit-content;margin-bottom:1rem}@media only screen and (max-width: 600px){.project{width:100%}.project-view-reverse{flex-direction:row}.project-view{display:flex;flex-direction:column}.project-description{width:100%;padding:0;margin-bottom:1rem}.project-image,.image,.image.small{width:100%}}.projectfooter{padding:2rem 0;margin:0 auto}.contact{font-size:1.4rem;width:80%;margin:2rem auto}.contact p{text-align:left}.contact-name{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:1.2rem;background-color:#7a684c;border-radius:30px;width:fit-content;padding:.5rem 1rem}.contact-text{width:fit-content;border-radius:30px;padding:.2rem 1rem;background-color:#7a684c;font-size:1rem}:root{--footer-primary-color: #ffffff;--footer-secundary-color: #ff3030;--footer-background-color: rgb(20, 49, 102);--footer-border-color: #ffffff;--footer-height: 10rem}.footer{background-color:var(--nav-background-color);height:var(--footer-height);border-radius:0 0 20px 20px}.footer-items{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;text-decoration:none;text-transform:uppercase;font-size:.8rem;text-align:center}.footer-item{text-decoration:none;color:var(--footer-primary-color);text-transform:uppercase;letter-spacing:.1rem;transition:all .2s ease-in-out;font-size:1rem}.footer-item:hover{color:var(--footer-secundary-color)}.footer-copyright{padding:1rem;font-size:1rem;color:var(--footer-primary-color)}.svg{fill:var(--content-header-background-color)}:root{--nav-primary-color: #ffffff;--nav-secundary-color: #ff3030;--nav-background-color: rgb(20, 49, 102);--nav-border-color: #ffffff;--nav-height: 4rem}.nav{background-color:var(--nav-background-color);height:var(--nav-height);display:flex;align-items:center;text-transform:uppercase;font-size:.8rem;text-align:center;justify-content:start;border-radius:20px 20px 0 0}.nav-item{text-decoration:none;color:var(--nav-primary-color);text-transform:uppercase;letter-spacing:.1rem;transition:all .2s ease-in-out;font-size:1rem}.nav-item:hover{color:var(--nav-secundary-color)}a{padding:1rem}.policity{min-height:calc(100vh - var(--footer-height) - var(--nav-height));padding:2rem;background-color:#0f0a0a}.imprint{min-height:calc(100vh - var(--footer-height) - var(--nav-height));background-color:#0f0a0a;padding:2rem}.content-portfolio{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - var(--nav-height))}.content-portfolio-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:fit-content;padding:1rem;background-color:var(--content-header-background-color)}.content-portfolio-header>h3{margin-bottom:1rem}.content-portfolio>ul:nth-child(2n){background-color:var(--content-nth-even-background-color)}.content-portfolio>ul:nth-child(odd){background-color:var(--content-nth-odd-background-color)}.aboutme{display:flex;flex-direction:row;justify-content:center;width:80%;height:fit-content;margin:3rem auto;padding:2rem 0;font-size:1.2rem}.aboutme-description{color:var(--primary-font-color-description);width:60%}.aboutme-description>h2{color:var(--primary-font-color)}.aboutme-picture{margin:auto;height:fit-content}.aboutme-pic{height:200px;width:200px;border-radius:50%;object-fit:cover;border:2px solid #ffff00;padding:.5rem}@media only screen and (max-width: 600px){.aboutme{flex-direction:column}.aboutme-description{width:100%;margin-bottom:3rem}}.hero{display:flex;flex-direction:column;width:80%;margin:0 auto;padding:1rem;height:calc(100vh - var(--nav-height))}.hero-view{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;margin:2rem 0}.hero-view-reverse{flex-direction:row-reverse}.hero-description{width:50%;padding:3rem;overflow-y:auto;scrollbar-width:none}.hero-description>h1{margin-bottom:2rem;font-size:4rem;background:linear-gradient(to right,#6b6eeb,#4d89ce,#0e4fda);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description>h2{margin-bottom:2rem;text-align:left;text-transform:uppercase;font-size:2rem}.hero-image{height:fit-content;width:50%;margin:auto 0;overflow:hidden}.hero-img{border-radius:30px;width:100%;height:100%}.hero-footer{height:fit-content;width:80%;margin-bottom:1rem;margin:0 auto}.image-medium{width:80%;object-fit:contain;border-radius:10px}.hero-footer{height:fit-content;margin-bottom:1rem}@media only screen and (max-width: 600px){.hero{width:100%;height:fit-content}.hero-view-reverse{flex-direction:row}.hero-view{display:flex;flex-direction:column}.hero-description{width:100%;padding:0;margin-bottom:1rem}.hero-image{width:100%}}.hashlinkbutton{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-bottom:1rem}.hashlinkbutton>a{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:var(--content-header-background-color);border-radius:30px;text-decoration:none;color:#fff;padding:.5rem 2rem;border:2px solid #ffffff}.hashlinkbutton>a:hover{background-color:#0059ff;color:#000;transition:all .5s ease-in-out}