.headline{background-color:var(--background-color-minus1);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:1em auto;padding:.8em;display:table}.root-container{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:10em;min-height:100vh;padding:2em 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:relative}.horizontal-list{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;gap:.8em 0;margin:0;padding:0;list-style:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.horizontal-list li{text-align:center;margin:.5em .4em}.page-link{color:var(--link-color);margin:0;padding:.8em;font-size:1.2em;-webkit-transition:color .1s,text-shadow .1s;transition:color .1s,text-shadow .1s;position:relative}.page-link.active{color:#77f;font-weight:700}.page-link:link{text-decoration:none}.page-link:after{content:"";background-color:var(--link-color);width:90%;height:.1rem;margin:auto;-webkit-transition:scale .1s ease-in-out;transition:scale .1s ease-in-out;position:absolute;top:auto;bottom:.5rem;left:0;right:0;scale:0 1}.page-link:hover{color:#fff;text-shadow:0 0 5px #000;-webkit-transition:color .3s,text-shadow .3s;transition:color .3s,text-shadow .3s}.page-link:hover p{color:#fff}.page-link:hover:after{-webkit-transition:scale .2s ease-in-out;transition:scale .2s ease-in-out;scale:1}.center{margin-left:auto;margin-right:auto;display:table}.container{max-width:100ch}.background-box,.background-box-squash{background-color:var(--background-color-minus1);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;margin-top:3em;margin-bottom:3em;padding:min(6%,1em)}@media (max-width:60em){.background-box-squash{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding-left:0;padding-right:0}}.scroll-animation{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:1ms forwards scaleTransition;animation:1ms forwards scaleTransition;animation-timeline:view();animation-range:entry}@-webkit-keyframes scaleTransition{0%{scale:0}to{scale:1}}@keyframes scaleTransition{0%{scale:0}to{scale:1}}.hero-section{background-color:var(--lightningcss-light,rgba(255,255,255,.8))var(--lightningcss-dark,rgba(0,0,0,.8))}@media (min-width:60em){.hero-section{background-color:unset;corner-shape:squircle;background-image:-webkit-radial-gradient(var(--lightningcss-light,rgba(255,255,255,.8))var(--lightningcss-dark,rgba(0,0,0,.8)) 70%,transparent);background-image:radial-gradient(var(--lightningcss-light,rgba(255,255,255,.8))var(--lightningcss-dark,rgba(0,0,0,.8)) 70%,transparent);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;padding:2% 10%}}.hero-section>svg{aspect-ratio:3/5;font-family:Carlito}@media (min-width:60em){.hero-section>svg{aspect-ratio:5/3}}.hero-section h1{opacity:0;pointer-events:none;height:0;margin:0;font-family:Roboto}.hero-section .title{-webkit-animation:1.4s ease-out forwards spawn;animation:1.4s ease-out forwards spawn;translate:50% -10px}@-webkit-keyframes spawn{0%{opacity:0}to{opacity:1}}@keyframes spawn{0%{opacity:0}to{opacity:1}}.hero-section .title>text{stroke:#222;stroke-width:.3px;fill:var(--foreground-color);text-anchor:middle;font-family:Roboto;font-size:.9rem}@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:400;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:700;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:400;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:700;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:400;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:700;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:400;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:700;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")}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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:var(--lightningcss-light,#222)var(--lightningcss-dark,#eee);--full-foreground-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--transparent-foreground-color:var(--lightningcss-light,rgba(34,34,34,.8))var(--lightningcss-dark,rgba(238,238,238,.8));--foreground-color-minus1:var(--lightningcss-light,rgba(51,51,51,.8))var(--lightningcss-dark,rgba(221,221,221,.8));--foreground-color-minus2:var(--lightningcss-light,rgba(68,68,68,.8))var(--lightningcss-dark,rgba(204,204,204,.8));--foreground-color-minus3:var(--lightningcss-light,rgba(85,85,85,.8))var(--lightningcss-dark,rgba(187,187,187,.8));--foreground-color-minus4:var(--lightningcss-light,rgba(102,102,102,.8))var(--lightningcss-dark,rgba(170,170,170,.8));--foreground-color-minus5:var(--lightningcss-light,rgba(119,119,119,.8))var(--lightningcss-dark,rgba(153,153,153,.8));--background-color:var(--lightningcss-light,#eee)var(--lightningcss-dark,#222);--full-background-color:var(--lightningcss-light,rgba(255,255,255,.8))var(--lightningcss-dark,#000);--transparent-background-color:var(--lightningcss-light,rgba(238,238,238,.8))var(--lightningcss-dark,rgba(34,34,34,.8));--background-color-minus1:var(--lightningcss-light,rgba(221,221,221,.8))var(--lightningcss-dark,rgba(51,51,51,.8));--background-color-minus2:var(--lightningcss-light,rgba(204,204,204,.8))var(--lightningcss-dark,rgba(68,68,68,.8));--background-color-minus3:var(--lightningcss-light,rgba(187,187,187,.8))var(--lightningcss-dark,rgba(85,85,85,.8));--background-color-minus4:var(--lightningcss-light,rgba(170,170,170,.8))var(--lightningcss-dark,rgba(102,102,102,.8));--background-color-minus5:var(--lightningcss-light,rgba(153,153,153,.8))var(--lightningcss-dark,rgba(119,119,119,.8));--link-color:var(--lightningcss-light,#99f)var(--lightningcss-dark,#99f);--bounce-animation:linear(0,.029 3.2%,.123 7.0%,.651 21.2%,.862 28.2%,1.002 35.4%,1.046 39.2%,1.074 43.2%,1.087 47.8%,1.086 53.2%,1.014 77.0%,.994 92.6%,1)}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:1rem}h1{font-size:2em}h2{font-size:1.5em}p{text-wrap:pretty}img{max-width:100%;height:auto;display:block}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:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),red var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),red var(--simple-mix-percentage-dark)));--orange:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),orange var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),orange var(--simple-mix-percentage-dark)));--yellow:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),yellow var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),yellow var(--simple-mix-percentage-dark)));--green:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),green var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),green var(--simple-mix-percentage-dark)));--blue:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),blue var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),blue var(--simple-mix-percentage-dark)));--violet:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),violet var(--simple-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),violet var(--simple-mix-percentage-dark)));--bits-mix-percentage-light:30%;--bits-mix-percentage-dark:10%;--colorF00:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),red var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),red var(--bits-mix-percentage-dark)));--color0F0:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),#0f0 var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),#0f0 var(--bits-mix-percentage-dark)));--color00F:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),#00f var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),#00f var(--bits-mix-percentage-dark)));--colorFF0:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),#ff0 var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),#ff0 var(--bits-mix-percentage-dark)));--colorF0F:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),#f0f var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),#f0f var(--bits-mix-percentage-dark)));--color0FF:var(--lightningcss-light,color-mix(in srgb,var(--foreground-color),#0ff var(--bits-mix-percentage-light)))var(--lightningcss-dark,color-mix(in srgb,var(--foreground-color),#0ff var(--bits-mix-percentage-dark)));-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:1em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#skills>div{background-color:var(--transparent-background-color);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;grid-template-columns:1fr;row-gap:1em;padding:1em;display:grid}#skills>div>*{-webkit-align-self:center;align-self:center;justify-self:center;max-height:15em}#skills>div>pre{margin:0;font-size:3vw}#skills>div>div{margin-left:auto;margin-right:auto;display:table}#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{grid-area:1/2}#skills>div:nth-child(2n) pre{grid-area:1/2}#skills>div:nth-child(2n)>div{grid-area:1/1}#skills>div:nth-child(odd){-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}#skills>div:nth-child(2n){-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}}html{interpolate-size:allow-keywords;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;font-family:Carlito}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;color:var(--foreground-color);background-color:var(--background-color);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-size:1.1rem;line-height:1.5;position:relative}body[blink="1"]{-webkit-animation:1s ease-out blink1;animation:1s ease-out blink1}@-webkit-keyframes blink1{0%{opacity:.5}to{opacity:1}}@keyframes blink1{0%{opacity:.5}to{opacity:1}}body[blink="2"]{-webkit-animation:1s ease-out blink2;animation:1s ease-out blink2}@-webkit-keyframes blink2{0%{opacity:.5}to{opacity:1}}@keyframes blink2{0%{opacity:.5}to{opacity:1}}#site-main{view-transition-name:main;margin:0;padding-bottom:200px;-webkit-animation:1s ease-out fade-in;animation:1s ease-out fade-in}@media (min-width:60em){#site-main{margin-left:calc(1em + 1vw);margin-right:calc(1em + 1vw)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-group(*){-webkit-animation-duration:.5s;animation-duration:.5s}html[view-transition=page-swap]::view-transition-old(main){-webkit-animation:.5s ease-in-out forwards swap-out;animation:.5s ease-in-out forwards swap-out}@-webkit-keyframes swap-out{0%{opacity:1;translate:0}to{opacity:.5;translate:calc(var(--view-transition-x)*(50vw + 50% + 40px))calc(var(--view-transition-y)*(100vh + 40px))}}@keyframes swap-out{0%{opacity:1;translate:0}to{opacity:.5;translate:calc(var(--view-transition-x)*(50vw + 50% + 40px))calc(var(--view-transition-y)*(100vh + 40px))}}html[view-transition=page-swap]::view-transition-new(main){-webkit-animation:.5s ease-in-out forwards swap-in;animation:.5s ease-in-out forwards swap-in}@-webkit-keyframes swap-in{0%{opacity:.5;translate:calc(var(--view-transition-x)*-1*(50vw + 50% + 40px))calc(var(--view-transition-y)*-1*(100vh + 40px))}to{opacity:1;translate:0}}@keyframes swap-in{0%{opacity:.5;translate:calc(var(--view-transition-x)*-1*(50vw + 50% + 40px))calc(var(--view-transition-y)*-1*(100vh + 40px))}to{opacity:1;translate:0}}html[view-transition=color-theme]::view-transition-old(main){-webkit-animation:.5s ease-in-out forwards fade-out;animation:.5s ease-in-out forwards fade-out}html[view-transition=color-theme]::view-transition-new(main){-webkit-animation:.5s ease-in-out forwards fade-in;animation:.5s ease-in-out forwards fade-in}html[view-transition=language]::view-transition-old(main){-webkit-animation:.5s ease-in-out forwards fade-out;animation:.5s ease-in-out forwards fade-out}html[view-transition=language]::view-transition-new(main){-webkit-animation:.5s ease-in-out forwards fade-in;animation:.5s ease-in-out forwards fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}#site-header{background-image:linear-gradient(90deg,var(--transparent-background-color),var(--full-background-color),var(--full-background-color),var(--transparent-background-color));view-transition-name:header;z-index:2;padding:1em 1em 2.5em;-webkit-animation:1s ease-out forwards translate;animation:1s ease-out forwards translate;position:relative}@-webkit-keyframes translate{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}@keyframes translate{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}#site-header>div{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#site-header>div>svg{width:min(60em,100%)}#site-header>div>div{background-color:var(--background-color-minus1);-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;margin:0;padding:1em 1em 2em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#site-header>div>div>div{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;gap:2.5em;margin-top:.5em;margin-bottom:2.5em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#site-header>div>div>.horizontal-list{margin-left:2em;margin-right:2em}@media (max-width:60em){#site-header>div>div>.horizontal-list{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:2em;margin:0}}#site-header>div>div>.horizontal-list>li{margin-left:.4em;margin-right:.4em}#site-header>div>div>.horizontal-list>li>a{outline:1px solid var(--link-color)}#site-header>div>div>.horizontal-list>li>a.active{outline-width:3px}#site-header>div>div:not(:has(:-webkit-any(.active,a:hover)))>div{anchor-name:--nav-anchor}#site-header>div>div:not(:has(:is(.active,a:hover)))>div{anchor-name:--nav-anchor}#site-header>div>div>.horizontal-list:not(:has(a:hover)) .active{anchor-name:--nav-anchor}#site-header>div>div>.horizontal-list a:hover{anchor-name:--nav-anchor}#site-header>div>div:after{content:"";position-anchor:--nav-anchor;top:anchor(top);left:anchor(left);right:anchor(right);bottom:anchor(bottom);z-index:999;pointer-events:none;-webkit-filter:blur(10px);filter:blur(10px);opacity:0;corner-shape:squircle;-webkit-transition:all .5s var(--bounce-animation);transition:all .5s var(--bounce-animation);background-color:var(--lightningcss-light,rgba(0,0,0,.067))var(--lightningcss-dark,rgba(255,255,255,.133));position:absolute}#site-header>div>div:has(.horizontal-list :-webkit-any(.active,a:hover)):after{opacity:1}#site-header>div>div:has(.horizontal-list :is(.active,a:hover)):after{opacity:1}html:has(#light-radio:checked){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:has(#dark-radio:checked){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#theme-icon{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;gap:.8em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#theme-icon>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;opacity:0;pointer-events:none;width:0;height:0;position:absolute;top:0;bottom:auto;left:0;right:auto}#theme-icon #sun,#theme-icon #moon{cursor:pointer}#theme-icon #sun>svg{aspect-ratio:1;width:max(3.5em,min(2.5em + 1.5vw,4em));stroke:var(--foreground-color);background-color:var(--background-color-minus1);border:var(--background-color-minus2)solid .1em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:.5em;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#theme-icon #moon>svg{aspect-ratio:1;width:max(3.5em,min(2.5em + 1.5vw,4em));stroke:var(--foreground-color);background-color:var(--background-color-minus1);border:var(--background-color-minus2)solid .1em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:.5em;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#theme-icon #sun:hover>svg{stroke:var(--background-color);background-color:var(--full-foreground-color);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#theme-icon #moon:hover>svg{stroke:var(--background-color);background-color:var(--full-foreground-color);-webkit-transition:all .3s ease-in-out;transition:all .3s 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);-webkit-transition:stroke .3s ease-in-out,background-color .3s ease-in-out;transition:stroke .3s ease-in-out,background-color .3s 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);-webkit-transition:stroke .3s ease-in-out,background-color .3s ease-in-out;transition:stroke .3s ease-in-out,background-color .3s ease-in-out}#language-icon{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;gap:.8em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#language-icon a{display:contents}#language-icon svg{background-color:var(--background-color-minus1);border:var(--background-color-minus2)solid .1em;-webkit-border-radius:10%;-moz-border-radius:10%;border-radius:10%;height:2.5em;padding:.3em;-webkit-transition:all .1s;transition:all .1s}#language-icon>svg{background-color:var(--full-background-color);border-width:3px;border-color:var(--foreground-color);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#language-icon>a>svg{background-color:var(--background-color-minus1)}#language-icon>a>svg:hover{background-color:var(--foreground-color-minus3);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#site-footer{background-image:linear-gradient(90deg,var(--background-color-minus3),var(--background-color-minus1),var(--background-color-minus3));view-transition-name:footer;z-index:2;padding:1.6em;-webkit-animation:1ms forwards translateTransition;animation:1ms forwards translateTransition;animation-timeline:view();animation-range:entry;position:relative;top:auto;bottom:0;left:0;right:0}@-webkit-keyframes translateTransition{0%{opacity:0;translate:0 -80%}to{opacity:1;translate:0}}@keyframes translateTransition{0%{opacity:0;translate:0 -80%}to{opacity:1;translate:0}}#site-footer>.horizontal-list>li{margin-left:.5em;margin-right:.5em}#site-footer>.horizontal-list>li:last-child{opacity:.9;margin:0 .5em;padding-left:1.5em;font-size:1em}#site-footer>.horizontal-list .active{font-weight:700}#site-footer>.horizontal-list:not(:has(:-webkit-any(.active,a:hover)))>li:last-child{anchor-name:--footer-anchor}#site-footer>.horizontal-list:not(:has(:is(.active,a:hover)))>li:last-child{anchor-name:--footer-anchor}#site-footer>.horizontal-list:not(:has(a:hover)) .active{anchor-name:--footer-anchor}#site-footer>.horizontal-list a:hover{anchor-name:--footer-anchor}#site-footer>.horizontal-list:after{content:"";position-anchor:--footer-anchor;top:anchor(top);left:anchor(left);right:anchor(right);bottom:anchor(bottom);z-index:999;pointer-events:none;-webkit-filter:blur(5px);filter:blur(5px);opacity:0;corner-shape:squircle;-webkit-transition:all .5s var(--bounce-animation);transition:all .5s var(--bounce-animation);background-image:-webkit-radial-gradient(var(--lightningcss-light,rgba(0,0,0,.133))var(--lightningcss-dark,rgba(255,255,255,.267)),var(--lightningcss-light,transparent)var(--lightningcss-dark,rgba(255,255,255,0)));background-image:radial-gradient(var(--lightningcss-light,rgba(0,0,0,.133))var(--lightningcss-dark,rgba(255,255,255,.267)),var(--lightningcss-light,transparent)var(--lightningcss-dark,rgba(255,255,255,0)));-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute}#site-footer>.horizontal-list:has(:-webkit-any(.active,a:hover)):after{opacity:1}#site-footer>.horizontal-list:has(:is(.active,a:hover)):after{opacity:1}#scroll-gears-container{z-index:-1;width:3%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:absolute;top:0;bottom:0;left:auto;right:0}#scroll-gears-container>#scroll-gears{width:100%;height:100%}#web-development #pillars-of-quality{background-color:var(--background-color-minus1);padding-top:.5em;padding-bottom:2em}#web-development #pillars-of-quality>div{scroll-snap-type:inline mandatory;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;overflow-x:auto}#web-development #pillars-of-quality>div::-webkit-scrollbar{height:1em}#web-development #pillars-of-quality>div::-webkit-scrollbar-track{background:#888;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}#web-development #pillars-of-quality>div::-webkit-scrollbar-thumb{background:#8ff;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}#web-development #pillars-of-quality>div::-webkit-scrollbar-thumb:hover{background:#0ff}#web-development #pillars-of-quality>div div{width:-webkit-fit-content;width:fit-content;margin-left:auto;margin-right:auto;display:table;position:relative}#web-development #pillars-of-quality>div div svg{width:110rem}#web-development #pillars-of-quality>div div>.pillar-text{-webkit-text-stroke-color:#222;-webkit-text-stroke-width:1px;text-align:center;scroll-snap-align:start;width:11.7%;height:41%;margin-top:1em;margin-bottom:1em;scroll-margin-left:6rem;font-size:1.8rem;position:absolute;top:40.5%}#web-development #pillars-of-quality>div div>.pillar-text>ul{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 div>.pillar-text>ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:-.6em;margin-right:.4em}#web-development #pillars-of-quality>div div>.pillar-text>ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:-.6em;margin-right:.4em}#web-development #pillars-of-quality>div div>.pillar-text>ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:.4em;margin-right:-.6em}#web-development #pillars-of-quality>div div>.pillar-text>ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:.4em;margin-right:-.6em}#web-development #pillars-of-quality>div div>.pillar-text>ul>li{margin-top:.5em;margin-bottom:.5em}#web-development #pillars-of-quality>div div>.pillar-text>ul>li>ul{margin-top:.1em;margin-bottom:0;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>")}#web-development #pillars-of-quality>div div>.pillar-text>ul>li>ul>li{margin-left:-1.7em}#web-development .hero-section .title{-webkit-animation:1.4s forwards spawn;animation:1.4s forwards spawn}#web-development .hero-section .subtitle{stroke:#222;stroke-width:.15px;fill:var(--foreground-color);opacity:0;font-size:.3rem;-webkit-animation:1.4s ease-out 1.8s forwards spawn;animation:1.4s ease-out 1.8s forwards spawn}#web-development .hero-section .subtitle text:first-child{font-size:.4rem}#web-development .hero-section #clouds>path{translate:-100% -100%}#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{-webkit-animation:1.4s ease-out .5s forwards file-spawn;animation:1.4s ease-out .5s forwards file-spawn}#web-development .hero-section .files>g:first-child>use{translate:25px 55px;rotate:-20deg}#web-development .hero-section .files>g:nth-child(2){-webkit-animation:1.4s ease-out .75s forwards file-spawn;animation:1.4s ease-out .75s forwards file-spawn}#web-development .hero-section .files>g:nth-child(2)>use{translate:40px 50px;rotate:none}#web-development .hero-section .files>g:last-child{-webkit-animation:1.4s ease-out 1s forwards file-spawn;animation:1.4s ease-out 1s forwards file-spawn}#web-development .hero-section .files>g:last-child>use{translate:56px 49px;rotate:20deg}@-webkit-keyframes file-spawn{0%{translate:-100px -100px}to{opacity:1;translate:0}}@keyframes file-spawn{0%{translate:-100px -100px}to{opacity:1;translate:0}}#process-automation #examples{grid-template-columns:100%;gap:.5em;display:grid}@media (min-width:60em){#process-automation #examples{grid-template-columns:repeat(2,calc(50% - .25em))}}#process-automation #examples>div{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:grid}@media (min-width:60em){#process-automation #examples>div:nth-child(odd){-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}}#process-automation #examples>div>img{grid-area:1/1}#process-automation #examples>div>div{grid-area:1/1}#process-automation #examples>div>img{-webkit-filter:brightness(50%);filter:brightness(50%)}#process-automation #examples>div>div{z-index:1;text-shadow:1px 1px 1px #333,1px -1px 1px #333,-1px 1px 1px #333,-1px -1px 1px #333;margin-bottom:1em}#process-automation #examples>div>div>h2{color:#eee}#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{max-width:80%;margin-left:auto;margin-right:auto;font-size:calc(1rem + .4vw);display:table}.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{margin-bottom:20em;position:relative}@media (min-width:60em){#process-automation .hero-section{margin-bottom:10em}}#process-automation .hero-section .hero-text-and-list{background-color:var(--transparent-background-color);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;margin:0 auto;padding:.8em;display:table}#process-automation #hero-gears>.gears{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;rotate:90deg}@media (min-width:60em){#process-automation #hero-gears>.gears{rotate:none}}#process-automation #hero-speedometer-container{position:absolute;top:35%;bottom:0;left:32%;right:32%}@media (min-width:60em){#process-automation #hero-speedometer-container{top:12%;bottom:0;left:65%;right:15%}}#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>.speedometer-progress-bar>svg{background-color:var(--lightningcss-light,rgba(238,238,238,.533))var(--lightningcss-dark,rgba(34,34,34,.533));-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#process-automation #hero-speedometer-container>.hero-speedometer-lights{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:25%;width:30%;margin:8px auto 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#process-automation #hero-speedometer-container>.hero-speedometer-lights>div{aspect-ratio:1;background-color:var(--foreground-color);-webkit-filter:none;filter:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:100%}#process-automation #hero-text{opacity:0;-webkit-animation:1s ease-out 1s forwards slide-in;animation:1s ease-out 1s forwards slide-in;position:absolute;top:auto;bottom:5em;left:0;right:0;translate:0 25%}@-webkit-keyframes slide-in{0%{translate:25% -100%}to{opacity:1;translate:0}}@keyframes slide-in{0%{translate:25% -100%}to{opacity:1;translate:0}}@media (min-width:60em){#process-automation #hero-text{top:auto;bottom:3em;left:calc(10% + 2em);right:auto}}#process-automation #hero-text>#hero-list{opacity:0;--translate-position:0 10%;padding-left:2em;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>");-webkit-animation:2s ease-out 3s forwards slide-in2;animation:2s ease-out 3s forwards slide-in2;position:absolute;top:auto;bottom:auto;left:0;right:0}@-webkit-keyframes slide-in2{0%{translate:25% -100%}to{translate:var(--translate-position);opacity:1}}@keyframes slide-in2{0%{translate:25% -100%}to{translate:var(--translate-position);opacity:1}}@media (min-width:60em){#process-automation #hero-text>#hero-list{--translate-position:110%;top:0}}#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:rgba(0,0,0,.4);--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:.5s}.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{-webkit-transition:rotate ease-out var(--meter-transition-speed);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>:-webkit-any(.line-cap-begin,.line-cap-end){r:calc(.5px*var(--meter-width));stroke:none;fill:var(--meter-color)}.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{fill:var(--text-color);font-size:13.8px}.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}@-webkit-keyframes path-spawn-1{0%{translate:-50px -50px}to{opacity:1;translate:0}}@keyframes path-spawn-1{0%{translate:-50px -50px}to{opacity:1;translate:0}}@-webkit-keyframes path-spawn-2{0%{translate:50px -50px}to{opacity:1;translate:0}}@keyframes path-spawn-2{0%{translate:50px -50px}to{opacity:1;translate:0}}@-webkit-keyframes path-spawn-3{0%{translate:-50px 50px}to{opacity:1;translate:0}}@keyframes path-spawn-3{0%{translate:-50px 50px}to{opacity:1;translate:0}}@-webkit-keyframes path-spawn-4{0%{translate:50px 50px}to{opacity:1;translate:0}}@keyframes path-spawn-4{0%{translate:50px 50px}to{opacity:1;translate:0}}@-webkit-keyframes path-active{to{--icon-color:var(--foreground-color);stroke-width:1.5px}}@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}@-webkit-keyframes line-spawn{to{opacity:1}}@keyframes line-spawn{to{opacity:1}}@-webkit-keyframes line-active{to{stroke:var(--foreground-color);stroke-width:1px}}@keyframes line-active{to{stroke:var(--foreground-color);stroke-width:1px}}#software-consulting>#subjects svg{aspect-ratio:2;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}@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}#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{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:4s linear forwards shield-animation;animation:4s linear forwards shield-animation}#cyber-security>.hero-section>#hero-security>.shield>.border{stroke:var(--foreground-color);stroke-width:.8px;fill:var(--background-color-minus3)}@-webkit-keyframes shield-animation{0%{opacity:0;translate:40px 50px}50%{opacity:1;translate:170px 210px;scale:5}to{translate:60px 140px;rotate:y 80deg;scale:3}}@keyframes shield-animation{0%{opacity:0;translate:40px 50px}50%{opacity:1;translate:170px 210px;scale:5}to{translate:60px 140px;rotate:y 80deg;scale:3}}#cyber-security>.hero-section>#hero-security>.laser{stroke:var(--full-foreground-color);stroke-width:.5px;-webkit-filter:url(#laser-blur);filter:url(#laser-blur);fill:none;stroke-dasharray:800 800;-webkit-animation:6s linear forwards laser-animation;animation:6s linear forwards laser-animation}@-webkit-keyframes laser-animation{0%{stroke-dashoffset:800px}to{stroke-dashoffset:0}}@keyframes laser-animation{0%{stroke-dashoffset:800px}to{stroke-dashoffset:0}}#cyber-security>#subjects{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-width:200ch;margin-left:auto;margin-right:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#cyber-security>#subjects>div{grid-template-columns:1fr 1fr;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:grid}#cyber-security>#subjects>div>div{margin-left:2em;margin-right:2em}#cyber-security>#subjects>div>div>h2{text-align:center;margin-top:0}#cyber-security>#subjects>div>div>p{margin:0 auto;display:table}#cyber-security>#subjects>div>img{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}#cyber-security>#subjects>div>div{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}#cyber-security>#subjects>div:nth-child(2n)>img{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;grid-area:1/2}#cyber-security>#subjects>div:nth-child(2n)>div{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;grid-area:1/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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;grid-area:1/1}#cyber-security>#subjects>div:nth-child(2n)>div{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;grid-area:2/1}}.contact-box>ul>li{margin-top:.3em;margin-bottom:.3em}.contact-box>.email-box>p{margin-top:2.4em}.contact-box>.email-box>a{margin:.8em auto;font-size:2rem;-webkit-transition:color .1s,text-shadow .1s;transition:color .1s,text-shadow .1s;display:table}.contact-box>.email-box>a:hover{color:#fff;text-shadow:0 0 5px #000;-webkit-transition:color .3s,text-shadow .3s;transition:color .3s,text-shadow .3s}