#header[data-v-0289ebf0]{font-size:20px}#header .teaser[data-v-0289ebf0]{position:absolute;left:0;top:0;right:0;display:block;height:100vh;width:100vw;background-image:url(../img/vue.8ef09207.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(5px);opacity:.2}#header .wrapper[data-v-0289ebf0]{display:grid;height:100vh;padding:40px 0;max-width:1024px;margin:0 auto;position:relative}h1[data-v-0289ebf0]{line-height:.8;text-align:center}h2[data-v-0289ebf0]{font-weight:400}h2 .prefix[data-v-0289ebf0]{padding-bottom:5px;vertical-align:middle;display:inline-block;font-weight:700;text-align:right}h2 .prefix[data-v-0289ebf0]:after,h2 .prefix[data-v-0289ebf0]:before{opacity:.25;filter:blur(1px);display:block}h2 .prefix.frontend[data-v-0289ebf0]:before{content:"Fullstack"}h2 .prefix.frontend[data-v-0289ebf0]:after{content:"UI/UX"}h2 .prefix.ui[data-v-0289ebf0]:before{content:"Frontend"}h2 .prefix.ui[data-v-0289ebf0]:after{content:"Fullstack"}h2 .prefix.fullstack[data-v-0289ebf0]:before{content:"UI/UX"}h2 .prefix.fullstack[data-v-0289ebf0]:after{content:"Frontend"}a[data-v-0289ebf0]{text-decoration:none}.firstname[data-v-0289ebf0],.lastname[data-v-0289ebf0]{display:block}.firstname[data-v-0289ebf0]{font-size:65px}.lastname[data-v-0289ebf0]{font-size:41px}#social[data-v-0289ebf0]{text-align:center;margin-top:40px}#social a[data-v-0289ebf0]{padding:20px}#introduction[data-v-0289ebf0]{display:grid;align-self:center;justify-content:center}#introduction p[data-v-0289ebf0]{display:none;width:300px;text-align:justify;-moz-text-align-last:center;text-align-last:center}#nav[data-v-0289ebf0]{align-self:end}#nav a[data-v-0289ebf0]{display:block;padding:10px 20px}@media(min-width:768px){#header[data-v-0289ebf0]{text-align:center}#header .wrapper[data-v-0289ebf0]{grid-template-rows:85px auto 85px;padding:40px}#top[data-v-0289ebf0]{display:flex;justify-content:space-between}#social[data-v-0289ebf0]{margin-top:0}#social a[data-v-0289ebf0]{padding:5px}#introduction p[data-v-0289ebf0]{display:block}#nav[data-v-0289ebf0]{display:flex;justify-self:center;justify-content:space-between}}@media(min-width:1064px){#header .wrapper[data-v-0289ebf0]{padding:40px 0}}@media print{#header[data-v-0289ebf0]{grid-column:1;grid-row:1}h1[data-v-0289ebf0]{text-align:left;padding:20px 0 0 20px}.firstname[data-v-0289ebf0]{font-size:35px}.lastname[data-v-0289ebf0]{font-size:22px}#introduction[data-v-0289ebf0],#nav[data-v-0289ebf0],#social[data-v-0289ebf0],.teaser[data-v-0289ebf0]{display:none!important}.wrapper[data-v-0289ebf0]{padding:0!important;display:block!important;height:auto!important;max-width:none!important}}#skills[data-v-b915e20a]{padding-top:40px;min-height:50vh;position:relative}#skills svg[data-v-b915e20a]{font-size:25px}#skills[data-v-b915e20a]:before{content:"Skills";font-weight:700;font-size:1.5em;position:absolute;padding-top:40px;left:20px;top:0}#skills .field[data-v-b915e20a]{padding:100px 20px 25px;text-align:center;align-items:start;display:grid;justify-items:center;grid-gap:40px;grid-template:repeat(auto-fit,minmax(50px,1fr))/repeat(auto-fit,minmax(50px,1fr))}#skills .field .and-more[data-v-b915e20a],#skills .field h3[data-v-b915e20a]{font-size:20px;justify-self:start;text-align:left;grid-column:1/-1}#skills .field+.field[data-v-b915e20a]{padding:25px 20px}#skills .field+.field[data-v-b915e20a]:last-child{padding-bottom:100px}#skills .field .spacer[data-v-b915e20a]{display:none}#skills .field span:hover svg[data-v-b915e20a]{color:var(--hover)}#skills .field span span[data-v-b915e20a]{margin-top:20px;display:block}@media(min-width:468px){#skills svg[data-v-b915e20a]{font-size:35px}#skills .field[data-v-b915e20a]{max-width:415px;margin:0 auto;grid-template-columns:repeat(3,1fr)}#skills .field+.field[data-v-b915e20a]{padding:50px 20px}#skills .field h3[data-v-b915e20a]{text-align:center;align-self:center;width:100%}#skills .field .spacer[data-v-b915e20a]{display:block}}@media(min-width:768px){#skills[data-v-b915e20a]{width:100vw;max-width:1024px;margin:0 auto}#skills svg[data-v-b915e20a]{font-size:50px}#skills .field[data-v-b915e20a]{max-width:615px;grid-gap:60px;padding:100px 100px 20px}#skills .field+.field[data-v-b915e20a]{padding:60px 100px 20px}}@media(min-width:1064px){#skills[data-v-b915e20a]{display:grid;grid-template-columns:1fr 1fr;align-items:start}#skills .field+.field[data-v-b915e20a],#skills .field[data-v-b915e20a]{padding:60px 100px 20px}#skills .field[data-v-b915e20a]:first-child,#skills .field[data-v-b915e20a]:nth-child(2){grid-column:span 2}#skills[data-v-b915e20a]:before{left:0}}@media print{#skills[data-v-b915e20a]{grid-column:2;grid-row:2;min-height:none!important;width:auto!important;max-width:none!important;margin:0!important;font-size:.8em;padding-top:20px}#skills svg[data-v-b915e20a]{display:none!important}#skills[data-v-b915e20a]:before{text-transform:uppercase;left:0;padding-top:20px;font-size:1.25em}#skills .field[data-v-b915e20a]{display:block!important;text-align:left!important;max-width:none!important;padding:40px 0 0!important}#skills .field+.field[data-v-b915e20a]{padding:0!important;margin:20px 0 0}#skills .field span span[data-v-b915e20a]{margin-top:0}#skills .field h3[data-v-b915e20a]{font-size:1em;text-transform:uppercase;text-align:left!important;margin-bottom:10px}}.dates[data-v-58c99b94]{font-size:20px}.year[data-v-58c99b94]{font-weight:700}@media(min-width:768px){.dates[data-v-58c99b94]{text-align:right}}@media(min-width:1044px){.company:nth-child(odd) .to[data-v-58c99b94]{z-index:10;position:relative;mix-blend-mode:difference;filter:invert(1) grayscale(1) contrast(10)}}@media(min-width:1044px)and (prefers-color-scheme:dark){.company:nth-child(odd) .to[data-v-58c99b94]{filter:grayscale(1) contrast(10)}}@media(min-width:1044px){.company:first-child .to[data-v-58c99b94]{mix-blend-mode:none;filter:none}}@media print{.dates[data-v-58c99b94]{font-size:.8em;text-transform:uppercase}}img[data-v-a766172e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;direction:ltr}.description[data-v-a766172e]{margin:30px 0}.open-source[data-v-a766172e]{display:flex;align-items:center;font-weight:700}.open-source span[data-v-a766172e]{background:linear-gradient(transparent 50%,#3da639 10px)}.open-source svg[data-v-a766172e]{color:#1e531d;margin-right:10px;border-radius:100%;background-color:#3da639}.project a[data-v-a766172e]{color:#fff;position:relative}.project a[data-v-a766172e]:hover{filter:brightness(110%)}.project a svg[data-v-a766172e]{position:absolute;right:10px;bottom:10px;mix-blend-mode:difference}.company:nth-child(odd) .project .description[data-v-a766172e]{text-align:right;transform-origin:top left;transform:rotate(1deg);margin-right:15vw}.company:nth-child(2n) .project .description[data-v-a766172e]{text-align:left;transform-origin:top right;transform:rotate(-1deg);margin-right:0;margin-left:15vw}.company:first-child .project .description[data-v-a766172e]{margin-right:0;transform:rotate(0)}.company:nth-child(2) .project .description[data-v-a766172e]{margin-left:5vw;transform:rotate(-.5deg)}#active .project .description[data-v-a766172e]{margin-left:0;transform:rotate(0)}@media(min-width:768px){.project[data-v-a766172e]{display:grid;grid-auto-flow:column;grid-gap:40px;grid-template-columns:calc(75% - 20px) calc(25% - 20px)}.project+.project[data-v-a766172e]{margin-top:20px}.project .information[data-v-a766172e]{display:grid}.project .open-source[data-v-a766172e]{align-self:end}.company:nth-child(odd) .project[data-v-a766172e]{margin-right:5vw}.company:nth-child(odd) .project[data-v-a766172e]:nth-child(2n){direction:rtl}.company:nth-child(odd) .project:nth-child(2n) .description[data-v-a766172e]{text-align:right}.company:nth-child(odd) .project:nth-child(2n) .open-source[data-v-a766172e]{direction:ltr}.company:nth-child(odd) .project:nth-child(odd) .description[data-v-a766172e]{text-align:left}.company:nth-child(odd) .project .description[data-v-a766172e]{margin-right:0}.company:nth-child(2n) .project[data-v-a766172e]{margin-left:5vw}.company:nth-child(2n) .project:nth-child(2n) .description[data-v-a766172e]{text-align:left}.company:nth-child(2n) .project[data-v-a766172e]:nth-child(odd){direction:rtl}.company:nth-child(2n) .project:nth-child(odd) .description[data-v-a766172e]{text-align:right}.company:nth-child(2n) .project:nth-child(odd) .open-source[data-v-a766172e]{direction:ltr}.company:nth-child(2n) .project .description[data-v-a766172e]{margin-left:0}.company:first-child .project[data-v-a766172e],.company:nth-child(2) .project[data-v-a766172e]{margin-right:0;margin-left:0}}@media print{.project a[data-v-a766172e],.project img[data-v-a766172e]{display:none!important}.project+.project[data-v-a766172e]{margin-top:20px}.description[data-v-a766172e]{font-size:.8em;margin:0!important}.description li[data-v-a766172e],.description p[data-v-a766172e]{margin:0}}.company:nth-child(odd) .projects[data-v-f4293626]{margin:20px -20px 20px 0;transform-origin:top left;transform:rotate(-1deg)}.company:nth-child(odd) .projects[data-v-f4293626]:after{right:50%;transform:rotate(4deg)}.company:nth-child(2n) .projects[data-v-f4293626]{margin:20px 0 20px -20px;transform-origin:top right;transform:rotate(1deg)}.company:nth-child(2n) .projects[data-v-f4293626]:after{left:50%;transform:rotate(-7deg)}.company:first-child .projects[data-v-f4293626]{margin:20px -20px;padding:20px;transform:rotate(0)}.company:first-child .projects[data-v-f4293626]:after{display:none}.company:nth-child(2) .projects[data-v-f4293626]{margin:20px -20px;padding:20px;transform:rotate(.5deg)}.company:nth-child(2) .projects[data-v-f4293626]:after{display:none}#active .company .projects[data-v-f4293626]{transform:rotate(0)}.company:last-child .projects[data-v-f4293626]:after{display:none}.projects[data-v-f4293626]{color:var(--project-text);background-color:var(--project-bg);padding:10px}.projects[data-v-f4293626]:after{content:"";display:block;position:absolute;width:100vw;height:50vh;z-index:-10;mix-blend-mode:difference;background-color:var(--project-alt)}.head[data-v-f4293626]{display:grid;align-items:center;position:relative}.head svg[data-v-f4293626]{font-size:50%;vertical-align:baseline}@media(min-width:768px){.projects[data-v-f4293626]{padding:20px}.projects[data-v-f4293626]:after{width:50vw;height:25vh}.head[data-v-f4293626]{grid-template:1fr 1fr 1fr/1fr 1fr;margin-bottom:-30px;align-items:start}.head h3[data-v-f4293626]{grid-row:2;grid-column:1}.head .dates[data-v-f4293626]{justify-self:end;align-self:end;grid-row:1/span 2;grid-column:2}.company:nth-child(n+2) .head .dates[data-v-f4293626]{justify-self:end;align-self:start;grid-row:2/span 2;grid-column:2}}@media(min-width:1064px){.company[data-v-f4293626]{width:100vw;max-width:1024px}.company[data-v-f4293626]:nth-child(odd){align-self:flex-end}.company[data-v-f4293626]:nth-child(2n){align-self:flex-start}.company[data-v-f4293626]:first-child,.company[data-v-f4293626]:nth-child(2){align-self:center}.company:first-child .projects[data-v-f4293626],.company:nth-child(2) .projects[data-v-f4293626]{margin:20px 0}#active .company[data-v-f4293626]:nth-child(2n),#active .company[data-v-f4293626]:nth-child(odd){align-self:center}.projects[data-v-f4293626]:after{height:50vh}}@media print{.company[data-v-f4293626]{display:block;page-break-before:always;page-break-inside:avoid;-moz-column-break-before:page;break-before:page;-webkit-region-break-inside:avoid;-webkit-region-break-before:always;position:relative;float:none;max-width:none;width:100%}h2[data-v-f4293626]{font-size:.9em}h2 svg[data-v-f4293626]{display:none!important}h3[data-v-f4293626]{font-size:.8em;text-transform:uppercase}}#work[data-v-b5a396c8]{display:flex;flex-direction:column}#active[data-v-b5a396c8],#previous[data-v-b5a396c8]{display:flex;flex-direction:column;padding:20px;overflow:hidden}#active[data-v-b5a396c8]:before,#previous[data-v-b5a396c8]:before{content:"Headline";font-weight:700;font-size:1.5em}#active[data-v-b5a396c8]:before{content:"Active Projects"}#previous[data-v-b5a396c8]:before{content:"Previous Projects"}@media(min-width:1044px){#active[data-v-b5a396c8],#previous[data-v-b5a396c8]{align-items:center}#active[data-v-b5a396c8]:before,#previous[data-v-b5a396c8]:before{width:100vw;max-width:1024px}}@media print{#work[data-v-b5a396c8]{display:grid;grid-column:1;grid-row:2}#active[data-v-b5a396c8],#previous[data-v-b5a396c8]{position:relative;overflow:visible}#active[data-v-b5a396c8]{padding-bottom:0}#active[data-v-b5a396c8]:before{content:"Work Experience";text-transform:uppercase;font-size:1em}#previous[data-v-b5a396c8]{padding-top:0}#previous[data-v-b5a396c8]:before{display:none}}.wrapper[data-v-36ec45d0]{padding:20px 20px 0;margin-bottom:70px}img[data-v-36ec45d0]{max-width:100%;align-self:end;grid-row:1/-1;grid-column:1/-1}.patrick[data-v-36ec45d0]{display:grid;justify-items:center;align-items:center;grid-template:repeat(2,1fr)/repeat(2,1fr);position:relative}.about-me[data-v-36ec45d0]{margin:0 -20px;padding:20px;display:grid;align-content:stretch;position:relative;background-color:#4169e1}.about-me h3[data-v-36ec45d0],.about-me span[data-v-36ec45d0]{top:-.9em;font-size:4em;left:15px;font-weight:700;position:absolute;color:#4169e1;text-transform:uppercase}.about-me span[data-v-36ec45d0]{top:auto;left:auto;right:15px;bottom:-.94em}.about-me p[data-v-36ec45d0]:first-child{margin-top:0}.about-me p[data-v-36ec45d0]:last-of-type{margin-bottom:0;align-self:end;text-align:right}@media(min-width:768px){.wrapper[data-v-36ec45d0]{width:100vw;max-width:1024px;margin:0 auto;padding:0 0 60px}.about-me[data-v-36ec45d0],.patrick[data-v-36ec45d0]{width:50%;margin:0 auto}.about-me h3[data-v-36ec45d0]{left:10px;top:-.85em}.about-me span[data-v-36ec45d0]{right:10px}}@media print{#about[data-v-36ec45d0]{display:none!important}}html{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background-color:var(--bg)}#app{overflow:hidden}h1{text-transform:uppercase}h1,h2,h3,h4{margin:0}h1 a,h2 a,h3 a,h4 a{text-decoration:none}h3{font-weight:400}ul{list-style-type:none;margin:0;padding:0}li{margin:10px 0}a{color:var(--text)}a:hover{color:var(--hover)}*{box-sizing:border-box}:root{--text:#030303;--bg:#f9f9f9;--hover:#606060;--shadow:#fff}@media(prefers-color-scheme:dark){:root{--text:#fff;--bg:#1d1f21;--hover:#bbb;--shadow:#282a2e}}:root{--offset:1.5rem;--max_width:72rem;--columns:6;--gutter:.5rem;--baseline:3rem;--baseline-shift:2rem;--color:rgba(127,195,241,0.25);--color-text:#7ec3f1;--media-query:"base"}@media(min-width:35em){:root{--offset:2rem;--gutter:.75rem;--color:rgba(143,55,169,0.25);--color-text:#8f37a9;--media-query:"small"}}@media(min-width:48em){:root{--offset:3rem;--columns:12;--gutter:1rem;--color:rgba(127,195,241,0.25);--color-text:#7ec3f1;--media-query:"medium"}}@media(min-width:70em){:root{--offset:4rem;--color:rgba(143,55,169,0.25);--color-text:#8f37a9;--media-query:"large"}}:root{--repeating-width:calc(100%/var(--columns));--column-width:calc(100%/var(--columns) - var(--gutter));--background-width:calc(100% + var(--gutter));--background-columns:repeating-linear-gradient(90deg,var(--color),var(--color) var(--column-width),transparent var(--column-width),transparent var(--repeating-width));--background-baseline:repeating-linear-gradient(180deg,var(--color),var(--color) 1px,transparent 0,transparent var(--baseline))}html.debug{position:relative}html.debug:before{position:absolute;top:0;right:0;bottom:0;left:0;margin-right:auto;margin-left:auto;width:calc(100% - 2*var(--offset));max-width:var(--max_width);min-height:100vh;content:"";background-image:var(--background-columns),var(--background-baseline);background-size:var(--background-width) 100%;background-position:0 var(--baseline-shift);z-index:1000;pointer-events:none}html.debug:after{content:var(--media-query);position:fixed;top:1rem;left:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;color:var(--color-text)}.btn-to-top{color:var(--text);background-color:var(--bg);width:60px;height:60px;padding:10px 16px;border-radius:10px;border:none;opacity:.5;font-size:22px;line-height:22px;mix-blend-mode:difference;z-index:100}@media print{@page{size:A4;margin:0}}@media print and (prefers-color-scheme:dark){:root{--text:#030303;--bg:#f9f9f9;--hover:#606060;--shadow:#fff}}@media print{#app{-webkit-print-color-adjust:exact;display:grid;grid-gap:20px;grid-template:repeat(3,auto)/auto 30vw}}@media print{.btn-to-top{display:none!important}}