.headline{display:table;margin:1em auto;padding:.8em;border-radius:50%;background-color:var(--background-color-minus1)}.root-container{position:relative;min-height:100vh;padding:2em 0;display:flex;flex-direction:column;gap:10em}.horizontal-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}.horizontal-list li{text-align:center;margin:.5em .4em}.page-link{position:relative;padding:.8em;margin:0;font-size:1.2em;color:var(--link-color);transition:color .1s,text-shadow .1s}.page-link.active{font-weight:700;color:#77f}.page-link:link{text-decoration:none}.page-link::after{content:"";position:absolute;inset:auto 0 .5rem 0;margin:auto;width:90%;height:.1rem;background-color:var(--link-color);scale:0 1;transition:scale ease-in-out .1s}.page-link:hover{color:#fff;text-shadow:0 0 5px #000;transition:color .3s,text-shadow .3s}.page-link:hover p{color:#fff}.page-link:hover::after{scale:1;transition:scale ease-in-out .2s}.center{display:table;margin-inline:auto}.container{max-width:100ch}.background-box{margin-block:3em;padding:min(6%,1em);border-radius:.5em;background-color:var(--background-color-minus1)}.background-box-squash{margin-block:3em;padding:min(6%,1em);border-radius:.5em;background-color:var(--background-color-minus1)}@media(max-width:60em){.background-box-squash{padding-inline:0;border-radius:0}}.hero-section{display:table;margin-inline:auto;width:100%}@media(min-width:60em){.hero-section{width:80%}}.hero-section>svg{font-family:Carlito;background-color:var(--full-background-color);aspect-ratio:3/5}@media(min-width:60em){.hero-section>svg{aspect-ratio:5/3}}.hero-section h1{height:0;margin:0;opacity:0;pointer-events:none;font-family:"Roboto"}.hero-section .title{translate:50% -10px;animation:spawn 1400ms ease-out forwards}@keyframes spawn{from{opacity:0}to{opacity:1}}.hero-section .title>text{stroke:#222;stroke-width:.3px;fill:var(--foreground-color);font-family:"Roboto";font-size:.9rem;text-anchor:middle}@media(min-width:60em){.hero-section .title{translate:-20px 25px}.hero-section .title>text{font-size:inherit;text-anchor:initial}}@font-face{font-family:"Carlito";font-weight:normal;font-style:normal;font-display:swap;unicode-range:U+D-FEFF;src:local("Carlito"),local("Carlito Regular"),local("Carlito-Regular"),url("/fonts/Carlito/Carlito-Regular.LsQYeg.woff2") format("woff2"),url("/fonts/Carlito/Carlito-Regular.9rRYEg.ttf") format("truetype")}@font-face{font-family:"Carlito";font-weight:bold;font-style:normal;font-display:swap;unicode-range:U+D-FEFF;src:local("Carlito Bold"),local("Carlito-Bold"),url("/fonts/Carlito/Carlito-Bold.fthKIQ.woff2") format("woff2"),url("/fonts/Carlito/Carlito-Bold.7Uy5XQ.ttf") format("truetype")}@font-face{font-family:"Carlito";font-weight:normal;font-style:italic;font-display:swap;unicode-range:U+D-FEFF;src:local("Carlito Italic"),local("Carlito-Italic"),url("/fonts/Carlito/Carlito-Italic.VfH5pA.woff2") format("woff2"),url("/fonts/Carlito/Carlito-Italic.2oMtfQ.ttf") format("truetype")}@font-face{font-family:"Carlito";font-weight:bold;font-style:italic;font-display:swap;unicode-range:U+D-FEFF;src:local("Carlito BoldItalic"),local("Carlito-BoldItalic"),url("/fonts/Carlito/Carlito-BoldItalic.8G2E5w.woff2") format("woff2"),url("/fonts/Carlito/Carlito-BoldItalic.tCtu5g.ttf") format("truetype")}@font-face{font-family:"Roboto";font-weight:normal;font-style:normal;font-display:swap;unicode-range:U+2-FFFD;src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular"),url("/fonts/Roboto/Roboto-Regular.PQ1epA.woff2") format("woff2"),url("/fonts/Roboto/Roboto-Regular.oUNb6Q.ttf") format("truetype")}@font-face{font-family:"Roboto";font-weight:bold;font-style:normal;font-display:swap;unicode-range:U+2-FFFD;src:local("Roboto Bold"),local("Roboto-Bold"),url("/fonts/Roboto/Roboto-Bold.YzuTKg.woff2") format("woff2"),url("/fonts/Roboto/Roboto-Bold.iP4E3w.ttf") format("truetype")}@font-face{font-family:"Roboto";font-weight:normal;font-style:italic;font-display:swap;unicode-range:U+2-FFFD;src:local("Roboto Italic"),local("Roboto-Italic"),url("/fonts/Roboto/Roboto-Italic.oOUmdA.woff2") format("woff2"),url("/fonts/Roboto/Roboto-Italic.01FlRA.ttf") format("truetype")}@font-face{font-family:"Roboto";font-weight:bold;font-style:italic;font-display:swap;unicode-range:U+2-FFFD;src:local("Roboto BoldItalic"),local("Roboto-BoldItalic"),url("/fonts/Roboto/Roboto-BoldItalic.FzCwVw.woff2") format("woff2"),url("/fonts/Roboto/Roboto-BoldItalic.aIImug.ttf") format("truetype")}*,*::before,*::after{box-sizing:border-box}:root{--background-color-light:#eee;--background-color-dark:#222;--full-foreground-color-light:#000;--full-foreground-color-dark:#fff;--foreground-color:light-dark(#222,#eee);--full-foreground-color:light-dark(#000,#fff);--transparent-foreground-color:light-dark(#222c,#eeec);--foreground-color-minus1:light-dark(#333c,#dddc);--foreground-color-minus2:light-dark(#444c,#cccc);--foreground-color-minus3:light-dark(#555c,#bbbc);--foreground-color-minus4:light-dark(#666c,#aaac);--foreground-color-minus5:light-dark(#777c,#999c);--background-color:light-dark(#eee,#222);--full-background-color:light-dark(#fffc,#000);--transparent-background-color:light-dark(#eeec,#222c);--background-color-minus1:light-dark(#dddc,#333c);--background-color-minus2:light-dark(#cccc,#444c);--background-color-minus3:light-dark(#bbbc,#555c);--background-color-minus4:light-dark(#aaac,#666c);--background-color-minus5:light-dark(#999c,#777c);--link-color:light-dark(#99f,#99f)}h1,h2,h3,h4,h5,h6{font-size:1rem;text-wrap:balance}h1{font-size:2em}h2{font-size:1.5em}p{text-wrap:pretty}img{display:block;max-width:100%;height:auto}pre,code{font-family:monospace}:target{scroll-margin-block:5rlh}ul{margin:1rem 0}:where(html:has(#light-radio:checked) ul){list-style-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="12" height="12"><polygon points="0 0 3 5 0 10 10 5" fill="%23222"/></svg>');}:where(html:has(#dark-radio:checked) ul){list-style-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="12" height="12"><polygon points="0 0 3 5 0 10 10 5" fill="%23EEE"/></svg>');}#skills{--simple-mix-percentage-light:60%;--simple-mix-percentage-dark:20%;--red:light-dark(color-mix(in srgb,var(--foreground-color),red var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),red var(--simple-mix-percentage-dark)));--orange:light-dark(color-mix(in srgb,var(--foreground-color),orange var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),orange var(--simple-mix-percentage-dark)));--yellow:light-dark(color-mix(in srgb,var(--foreground-color),yellow var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),yellow var(--simple-mix-percentage-dark)));--green:light-dark(color-mix(in srgb,var(--foreground-color),green var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),green var(--simple-mix-percentage-dark)));--blue:light-dark(color-mix(in srgb,var(--foreground-color),blue var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),blue var(--simple-mix-percentage-dark)));--violet:light-dark(color-mix(in srgb,var(--foreground-color),violet var(--simple-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),violet var(--simple-mix-percentage-dark)));--bits-mix-percentage-light:30%;--bits-mix-percentage-dark:10%;--colorF00:light-dark(color-mix(in srgb,var(--foreground-color),#f00 var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#f00 var(--bits-mix-percentage-dark)));--color0F0:light-dark(color-mix(in srgb,var(--foreground-color),#0f0 var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#0f0 var(--bits-mix-percentage-dark)));--color00F:light-dark(color-mix(in srgb,var(--foreground-color),#00f var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#00f var(--bits-mix-percentage-dark)));--colorFF0:light-dark(color-mix(in srgb,var(--foreground-color),#ff0 var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#ff0 var(--bits-mix-percentage-dark)));--colorF0F:light-dark(color-mix(in srgb,var(--foreground-color),#f0f var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#f0f var(--bits-mix-percentage-dark)));--color0FF:light-dark(color-mix(in srgb,var(--foreground-color),#0ff var(--bits-mix-percentage-light)),color-mix(in srgb,var(--foreground-color),#0ff var(--bits-mix-percentage-dark)));display:flex;flex-direction:column;gap:1em}#skills>div{display:grid;grid-template-columns:1fr;row-gap:1em;padding:1em;border-radius:.5em;background-color:var(--transparent-background-color)}#skills>div>*{justify-self:center;align-self:center;max-height:15em}#skills>div>pre{font-size:3vw;margin:0}#skills>div>div{display:table;margin-inline:auto}#skills>div>div>h2{text-align:center}@media(min-width:60em){#skills>div{grid-template-columns:1fr 2fr;gap:2em;height:15em}#skills>div>*{height:unset}#skills>div>svg{height:100%}#skills>div>pre{font-size:1vw}#skills>div:nth-child(2n){grid-template-columns:2fr 1fr}#skills>div:nth-child(2n)>svg,#skills>div:nth-child(2n) pre{grid-row:1;grid-column:2}#skills>div:nth-child(2n)>div{grid-row:1;grid-column:1}}html{font-family:"Carlito";interpolate-size:allow-keywords;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{position:relative;min-height:100vh;font-size:1.1rem;line-height:1.5;margin:0;padding:0;color:var(--foreground-color);background-color:var(--background-color);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}main{margin:0;padding-bottom:10em}@media(min-width:60em){main{margin-inline:calc(1em + 1vw)}}.fade-in-1{animation:fade1 1000ms ease-out}@keyframes fade1{from{opacity:0}to{opacity:1}}.fade-in-2{animation:fade2 1000ms ease-out}@keyframes fade2{from{opacity:0}to{opacity:1}}#main-header{background-image:linear-gradient(90deg,var(--transparent-background-color),var(--full-background-color),var(--full-background-color),var(--transparent-background-color));padding:1em 1em 2.5em 1em}#main-header>div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}#main-header>div>svg{width:min(60em,100%)}#main-header>div>div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:1em 1em 2em 1em;background-color:var(--background-color-minus1);border-radius:1em}#main-header>div>div>div{display:flex;flex-direction:row;gap:2.5em;margin-block:.5em 2.5em;align-items:center;flex-wrap:wrap;justify-content:center}#main-header>div>div>.horizontal-list{margin-inline:2em}@media(max-width:60em){#main-header>div>div>.horizontal-list{flex-direction:column;gap:2em;margin:0}}#main-header>div>div>.horizontal-list>li{margin-inline:.4em}#main-header>div>div>.horizontal-list>li>a{outline:1px solid var(--link-color)}#main-header>div>div>.horizontal-list>li>a.active{outline-width:3px}html:has(#light-radio:checked){color-scheme:light;}html:has(#dark-radio:checked){color-scheme:dark;}#theme-icon{display:flex;flex-direction:row;gap:.8em}#theme-icon>input[type=radio]{position:absolute;inset:0 auto auto 0;appearance:none;width:0;height:0;opacity:0;pointer-events:none}#theme-icon #sun,#theme-icon #moon{cursor:pointer}#theme-icon #sun>svg,#theme-icon #moon>svg{width:clamp(3.5em,2.5em + 1.5vw,4em);aspect-ratio:1;stroke:var(--foreground-color);border-radius:50%;background-color:var(--background-color-minus1);padding:.5em;border:var(--background-color-minus2) solid .1em;transition:all 100ms ease-in-out}#theme-icon #sun:hover>svg,#theme-icon #moon:hover>svg{stroke:var(--background-color);background-color:var(--full-foreground-color);transition:all 300ms ease-in-out}#theme-icon:has(#light-radio:checked) > #sun{cursor:auto;}#theme-icon:has(#light-radio:checked) > #sun > svg{stroke:var(--background-color-dark);background-color:var(--full-foreground-color-dark);border-width:3px;border-color:var(--foreground-color);transition:stroke 300ms ease-in-out,background-color 300ms ease-in-out;}#theme-icon:has(#dark-radio:checked) > #moon{cursor:auto;}#theme-icon:has(#dark-radio:checked) > #moon > svg{stroke:var(--background-color-light);background-color:var(--full-foreground-color-light);border-width:3px;border-color:var(--foreground-color);transition:stroke 300ms ease-in-out,background-color 300ms ease-in-out;}#language-icon{display:flex;flex-direction:row;gap:.8em;align-items:center}#language-icon a{display:contents}#language-icon svg{height:2.5em;padding:.3em;background-color:var(--background-color-minus1);border:var(--background-color-minus2) solid .1em;border-radius:10%;transition:all .1s}#language-icon>svg{background-color:var(--full-background-color);border-width:3px;border-color:var(--foreground-color);transition:all 300ms ease-in-out}#language-icon>a>svg{background-color:var(--background-color-minus1)}#language-icon>a>svg:hover{background-color:var(--foreground-color-minus3);transition:all 300ms ease-in-out}footer{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(90deg,var(--background-color-minus3),var(--background-color-minus1),var(--background-color-minus3))}footer>.horizontal-list{padding:1.5em}footer>.horizontal-list>li{margin-inline:.5em}footer>.horizontal-list>li p{padding-left:1.5em;font-size:1em;opacity:.9;margin:0}footer .active{font-weight:700}#scroll-gears-container{position:absolute;inset:0 0 0 auto;display:flex;width:3%}#scroll-gears-container>#scroll-gears{width:100%;height:100%}#web-development #pillars-of-quality{background-color:var(--background-color-minus1);padding-block:.5em 2em;overflow-x:auto;scroll-snap-type:inline mandatory}#web-development #pillars-of-quality::-webkit-scrollbar{height:1em}#web-development #pillars-of-quality::-webkit-scrollbar-track{background:#888;border-radius:1em}#web-development #pillars-of-quality::-webkit-scrollbar-thumb{background:#8ff;border-radius:1em}#web-development #pillars-of-quality::-webkit-scrollbar-thumb:hover{background:#0ff}#web-development #pillars-of-quality div{position:relative;width:fit-content;display:table;margin-inline:auto}#web-development #pillars-of-quality div svg{width:110rem}#web-development #pillars-of-quality div>.pillar-text{position:absolute;top:40.5%;width:11.7%;height:41%;margin-block:1em;-webkit-text-stroke-color:#222;-webkit-text-stroke-width:1px;text-align:center;font-size:1.8rem;scroll-snap-align:start;scroll-margin-left:6rem}#web-development #pillars-of-quality div>.pillar-text>ul{margin-inline:-.6em .4em;text-align:left;font-size:1.1rem;list-style-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="12" height="12"><polygon points="0 0 3 5 0 10 10 5" fill="%23222"/></svg>')}#web-development #pillars-of-quality div>.pillar-text>ul>li{margin-block:.5em}#web-development #pillars-of-quality div>.pillar-text>ul>li>ul{font-size:1.08rem;list-style-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" width="10" height="10"><circle cx="3.6" cy="3.6" r="2" fill="%23222"/></svg>');margin-block:.1em 0}#web-development #pillars-of-quality div>.pillar-text>ul>li>ul>li{margin-left:-1.7em}#web-development .hero-section .title{animation:spawn 1400ms forwards}#web-development .hero-section .subtitle{stroke:#222;stroke-width:.15px;fill:var(--foreground-color);font-size:.3rem;animation:spawn 1400ms ease-out forwards 1800ms;opacity:0}#web-development .hero-section .subtitle text:first-child{font-size:.4rem}#web-development .hero-section .files>g{opacity:0}#web-development .hero-section .files>g>use{scale:.4}#web-development .hero-section .files>g:first-child{animation:file-spawn 1400ms ease-out forwards 500ms}#web-development .hero-section .files>g:first-child>use{translate:25px 55px;rotate:-20deg}#web-development .hero-section .files>g:nth-child(2){animation:file-spawn 1400ms ease-out forwards 750ms}#web-development .hero-section .files>g:nth-child(2)>use{translate:40px 50px;rotate:0deg}#web-development .hero-section .files>g:last-child{animation:file-spawn 1400ms ease-out forwards 1000ms}#web-development .hero-section .files>g:last-child>use{translate:56px 49px;rotate:20deg}@keyframes file-spawn{from{translate:-100px -100px}to{opacity:1;translate:0 0}}#process-automation #examples{display:grid;grid-template-columns:100%;gap:.5em}@media(min-width:60em){#process-automation #examples{grid-template-columns:repeat(2,calc(50% - .25em))}}#process-automation #examples>div{display:grid;align-items:center}#process-automation #examples>div>img,#process-automation #examples>div>div{grid-row:1;grid-column:1}#process-automation #examples>div>img{filter:brightness(50%)}#process-automation #examples>div>div{z-index:1;margin-bottom:1em;text-shadow:1px 1px 1px #333,1px -1px 1px #333,-1px 1px 1px #333,-1px -1px 1px #333}#process-automation #examples>div>div>h2,#process-automation #examples>div>div>p{color:#eee}#process-automation #examples>div>div>h2{text-align:center;margin-bottom:1em;font-size:calc(2rem + .8vw)}#process-automation #examples>div>div>p{display:table;margin-inline:auto;max-width:80%;font-size:calc(1rem + .4vw)}.gear .ring{stroke:#a0a0a0;fill:none}.gear .tooth{stroke-width:0;fill:#a0a0a0}.gear .inner-circle{fill:#a0a0a0;stroke:none}.gear .inner-line{stroke:#a0a0a0}#process-automation .hero-section{position:relative;margin-bottom:20em}@media(min-width:60em){#process-automation .hero-section{margin-bottom:10em}}#process-automation .hero-section .hero-text-and-list{display:table;margin:0 auto;padding:.8em;border-radius:.5em;background-color:var(--transparent-background-color)}#process-automation #hero-gears>.gears{transform-origin:center;rotate:90deg}@media(min-width:60em){#process-automation #hero-gears>.gears{rotate:0deg}}#process-automation #hero-speedometer-container{position:absolute;inset:35% 32% 0 32%}@media(min-width:60em){#process-automation #hero-speedometer-container{inset:10% 5% 0 70%}}#process-automation #hero-speedometer-container>.speedometer-progress-bar{--border-color:var(--foreground-color-minus2);--small-tick-color:var(--foreground-color-minus1);--big-tick-color:var(--foreground-color);--text-color:var(--foreground-color)}#process-automation #hero-speedometer-container>.hero-speedometer-lights{width:30%;margin:8px auto 0 auto;display:flex;flex-direction:row;gap:25%;justify-content:space-between}#process-automation #hero-speedometer-container>.hero-speedometer-lights>div{width:100%;aspect-ratio:1/1;border-radius:50%;background-color:var(--foreground-color);filter:none}#process-automation #hero-text{position:absolute;inset:auto 0 3em 0;translate:0 25%;opacity:0;animation:slide-in 1000ms forwards ease-out 1000ms}@keyframes slide-in{from{translate:25% -100%}to{translate:0;opacity:1}}@media(min-width:60em){#process-automation #hero-text{right:auto;left:2em}}#process-automation #hero-text>#hero-list{position:absolute;inset:auto 0 auto 0;list-style-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="20" height="20"><g stroke="%230A4" stroke-linecap="round"><line x1="2" y1="5.5" x2="4" y2="8" /><line x1="4" y1="8" x2="8" y2="3" /></g></svg>');padding-left:2em;opacity:0;--translate-position:0 10%;animation:slide-in2 2000ms forwards ease-out 3000ms}@keyframes slide-in2{from{translate:25% -100%}to{translate:var(--translate-position);opacity:1}}@media(min-width:60em){#process-automation #hero-text>#hero-list{top:0;--translate-position:110%}}#process-automation #hero-text>#hero-list h2{margin:0}#process-automation #hero-text>#hero-list p{margin:0 0 .6em 1em}.speedometer-progress-bar{--diameter:100%;--border-color:#444;--middle-circle-color:#0006;--text-color:#222;--small-tick-width:1;--small-tick-color:#333;--big-tick-width:4;--big-tick-color:#222;--meter-length:87.5;--meter-width:5;--meter-color:#d22;--meter-transition-speed:500ms}.speedometer-progress-bar>svg{width:var(--diameter);height:var(--diameter)}.speedometer-progress-bar>svg>.outer-circle{stroke:var(--border-color);fill:none}.speedometer-progress-bar>svg>.small-tick{stroke-width:var(--small-tick-width);stroke:var(--small-tick-color)}.speedometer-progress-bar>svg>.big-tick{stroke-width:var(--big-tick-width);stroke:var(--big-tick-color)}.speedometer-progress-bar>svg>.meter-circle{r:calc(.17px*var(--meter-length));stroke:none;fill:var(--middle-circle-color)}.speedometer-progress-bar>svg>.meter{transition:rotate ease-out var(--meter-transition-speed)}.speedometer-progress-bar>svg>.meter>line{stroke:var(--meter-color);stroke-width:var(--meter-width);scale:1 var(--meter-length)}.speedometer-progress-bar>svg>.meter>:is(.line-cap-begin,.line-cap-end){r:calc(.5px*var(--meter-width));stroke:none;fill:var(--meter-color)}.speedometer-progress-bar>svg>.meter>.line-cap-begin{translate:0 calc(-.2px*var(--meter-length))}.speedometer-progress-bar>svg>.meter>.line-cap-end{translate:0 calc(1px*var(--meter-length))}.speedometer-progress-bar>svg>text{font-size:13.8px;fill:var(--text-color)}.speedometer-progress-bar>p{margin-top:.15em;font-size:1.125rem}#software-consulting>.hero-section>svg>use{--icon-color:var(--foreground-color-minus3);stroke:var(--icon-color);stroke-width:1px;fill:none;opacity:0}@keyframes path-spawn-1{from{translate:-50px -50px}to{opacity:1;translate:0 0}}@keyframes path-spawn-2{from{translate:50px -50px}to{opacity:1;translate:0 0}}@keyframes path-spawn-3{from{translate:-50px 50px}to{opacity:1;translate:0 0}}@keyframes path-spawn-4{from{translate:50px 50px}to{opacity:1;translate:0 0}}@keyframes path-active{to{--icon-color:var(--foreground-color);stroke-width:1.5px}}#software-consulting>.hero-section>svg>line{stroke:var(--foreground-color-minus3);stroke-width:.5px;opacity:0}@keyframes line-spawn{to{opacity:1}}@keyframes line-active{to{stroke:var(--foreground-color);stroke-width:1px}}#software-consulting>#subjects svg{aspect-ratio:2/1}@media(max-width:60em){#software-consulting>#subjects svg{aspect-ratio:1/2}#software-consulting>#subjects svg>#software>#graphql{translate:1px -20px}#software-consulting>#subjects svg>#software>#uml{translate:-23px -8px}#software-consulting>#subjects svg>#software>#git{translate:-3px}#software-consulting>#subjects svg>#software>#frameworks{translate:-105px 81px}#software-consulting>#subjects svg>#hardware{translate:-128px 128px}#software-consulting>#subjects svg>#hardware>#mobile{translate:5px -22px}#software-consulting>#subjects svg>#hardware>#tablet{translate:8px -48.5px}#software-consulting>#subjects svg>#hardware>#desktop{translate:-3px -9px}#software-consulting>#subjects svg>#hardware>#hardware-headline{translate:9px 27px}#software-consulting>#subjects svg>#architecture{translate:-128px 84px}#software-consulting>#subjects svg>#architecture>#monolith{translate:-8px -7px}#software-consulting>#subjects svg>#architecture>#layer-architecture{translate:-5px -7px}#software-consulting>#subjects svg>#architecture>#dependencies{translate:-4.5px -5px}#software-consulting>#subjects svg>#architecture>#library{translate:29px 11px}#software-consulting>#subjects svg>#architecture>#architecture-headline{translate:-2px 0}#software-consulting>#subjects svg>#administration{translate:-17px 78px}#software-consulting>#subjects svg>#administration>#ci-cd{translate:-11px -11px}#software-consulting>#subjects svg>#administration>#firewall{translate:10px -20px}#software-consulting>#subjects svg>#administration>#nginx{translate:60.5px -32px}#software-consulting>#subjects svg>#administration>#kubernetes{translate:13.5px -7px}#software-consulting>#subjects svg>#administration>#docker{translate:12px -3.5px}#software-consulting>#subjects svg>#administration>#administration-headline{translate:-5px -1.5px}}#cyber-security>.hero-section>#hero-security>.shield{transform-origin:center center;animation:shield-animation 4000ms linear forwards}#cyber-security>.hero-section>#hero-security>.shield>.border{stroke:var(--foreground-color);stroke-width:.8px;fill:var(--background-color-minus3)}@keyframes shield-animation{0%{opacity:0;translate:40px 50px}50%{opacity:1;translate:170px 210px;scale:5}100%{translate:60px 140px;scale:3;transform:rotateY(80deg)}}#cyber-security>.hero-section>#hero-security>.laser{stroke:var(--full-foreground-color);stroke-width:.5px;filter:url(#laser-blur);fill:none;stroke-dasharray:800px 800px;animation:laser-animation 6000ms linear forwards}@keyframes laser-animation{from{stroke-dashoffset:800px}to{stroke-dashoffset:0}}#cyber-security>#subjects{display:flex;flex-direction:column;max-width:200ch;margin-inline:auto}#cyber-security>#subjects>div{display:grid;grid-template-columns:1fr 1fr;align-items:center}#cyber-security>#subjects>div>div{margin-inline:2em}#cyber-security>#subjects>div>div>h2{text-align:center;margin-top:0}#cyber-security>#subjects>div>div>p{display:table;margin:0 auto}#cyber-security>#subjects>div:nth-child(2n)>img{grid-row:1;grid-column:2}#cyber-security>#subjects>div:nth-child(2n)>div{grid-row:1;grid-column:1}@media(max-width:60em){#cyber-security>#subjects{gap:5em}#cyber-security>#subjects>div{grid-template-columns:1fr;gap:2em}#cyber-security>#subjects>div:nth-child(2n)>img{grid-row:1;grid-column:1}#cyber-security>#subjects>div:nth-child(2n)>div{grid-row:2;grid-column:1}}.contact-box>ul>li{margin-block:.3em}.contact-box>.email-box>p{margin-top:2.4em}.contact-box>.email-box>a{display:table;margin:.8em auto;font-size:2rem;transition:color .1s,text-shadow .1s}.contact-box>.email-box>a:hover{color:#fff;text-shadow:0 0 5px #000;transition:color .3s,text-shadow .3s}