')}main::after{background-image:url('data:image/svg+xml,')}a[href]{outline:2px solid transparent;border-radius:0.05em;transition:all 200ms;color:blue;background-color:transparent;text-decoration-color:var(--primary-color);text-underline-offset:0.15em}a[href]:focus{outline-color:#080;outline-offset:0.1em;text-decoration:none}a[href]:hover{color:var(--primary-color);text-decoration-color:blue}.logo{--size:4em;position:relative;box-sizing:border-box;height:var(--size);width:var(--size);display:inline-flex;justify-content:center;align-items:center;padding:0 0 calc(var(--size) * 0.09) calc(var(--size) * 0.035);border-radius:50%;background-color:var(--color,var(--primary-color));transition:background-color 200ms}.logo>div{--ratio:calc(var(--size) * 0.168);--width:0.53em;font-size:var(--ratio);display:inline-block;width:var(--width);height:1.66em;border-radius:calc(var(--width) / 2);background-color:#fff}.logo>div+div{margin-left:0.19em}.logo>div:nth-child(5){position:absolute;height:0.53em;width:1.25em;bottom:1.75em;left:1.56em}@media (prefers-reduced-motion:no-preference){.logo>div{animation-delay:1s;animation-duration:0.75s;animation-fill-mode:forwards}.logo>div:nth-child(1){animation-name:index}.logo>div:nth-child(2){animation-name:middle}.logo>div:nth-child(3){animation-name:ring}.logo>div:nth-child(4){animation-name:little}.logo>div:nth-child(5){transform-origin:right bottom;animation-name:thumb}@keyframes thumb{100%{width:2.52em;transform:rotate(24deg) translate(-1em,1.15em)}}@keyframes index{100%{height:2.51em;transform:rotate(-4.5deg) translate(0.27em,-0.4em)}}@keyframes middle{100%{height:1.97em;transform:rotate(7.5deg) translate(0.45em,-1.02em)}}@keyframes ring{100%{height:1.75em;transform:rotate(26.5deg) translate(0.56em,-0.74em)}}@keyframes little{100%{height:2.51em;transform:rotate(41deg) translate(0.82em,0.63em)}}}a[href].cta{display:inline-block;white-space:nowrap;padding:0.1em 0.5em 0 0.5em;outline:2px solid var(--primary-color);color:#fff;background-color:var(--primary-color);text-decoration:none;font:var(--gui-copy)}a[href].cta:focus,a[href].cta:hover{outline-color:blue;color:var(--primary-color);background-color:transparent;text-decoration:none}:root{--scale:1.1;--font-size:1.1em}body{box-sizing:border-box;grid-template-rows:auto;align-items:center;padding:calc(var(--baseline) + var(--half)) 0;background-color:var(--primary-color)}body>footer{align-self:start;padding:var(--half) 0;color:#fff;background-color:transparent;text-align:center;font:var(--gui-copy)}body>footer a[href]{color:#fff;background-color:transparent;text-decoration:none}body>footer a[href]:focus{outline-color:#fff}body>footer a[href]:hover{color:#fff}main{align-self:end;justify-content:center;background-color:#fff;text-align:center}main>div{display:inline-block;padding:0 1em 2em}nav{margin:0;font:var(--gui-copy)}h1{display:inline-flex;flex-direction:column;align-items:center;margin:1.7em 20px 1em;color:var(--primary-color);font-size:1em}h1>:last-child{width:100%;max-width:calc(var(--scale) * 15em);margin:1.7em 0 0}.logo{--size:calc(var(--scale) * 5em)}p{margin:0.5em 20px var(--baseline)}p>*{white-space:nowrap}p>br{display:none}main>a{margin-bottom:calc(1.7em * var(--scale))}@media only screen and (min-width:34em){:root{--scale:1.2}h1{display:flex;flex-direction:row;justify-content:center}h1>:first-child{margin-right:1em}h1>:last-child{height:auto;margin:0}h1+p{font-size:calc(1em * var(--scale))}p>br{display:initial}}@media only screen and (min-width:58em){:root{--scale:1.5}}eric.bednarz.devI’m a monotropic front-end developer in Amsterdam, the Netherlands, taming Disability discrimination on the web.
I’m a monotropic front-end developer in Amsterdam, the Netherlands, taming Disability discrimination on the web.