');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text);font:var(--text-size-0)/1.5 inter,sans-serif;letter-spacing:.01vw;max-width:var(--breakpoint-desktop)}.wrapper{max-width:80rem;margin:0 auto}.skip-to{position:absolute;left:var(--space-s);top:var(--space-s)}.skip-to a{background:var(--color-background);padding:var(--space-2xs)}.skip-to a:not(:focus){clip:rect(0,0,0,0);overflow:hidden;position:absolute}h1 a,h2 a,h3 a,h4 a{color:var(--color-text)}h1 a:is(:hover,:focus,.active),h2 a:is(:hover,:focus,.active),h3 a:is(:hover,:focus,.active),h4 a:is(:hover,:focus,.active){color:var(--color-text);text-decoration:none}h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus{outline:1px solid var(--color-brand)}h1{font:500 var(--text-size-5)/1.2 visby,sans-serif;border:1px solid var(--color-brand-accent);border-width:0 0 0 var(--space-3xs);margin:0 0 var(--space-s) 0;padding:var(--space-3xs) var(--space-s)}h2{font:500 var(--text-size-3)/1.2 visby,sans-serif;margin:0 0 var(--space-xs)}h3{font:500 var(--text-size-2)/1.3 visby,sans-serif;margin:0 0 var(--space-2xs)}h4{font:500 var(--text-size-1)/1.3 visby,sans-serif;margin:0 0 var(--space-3xs)}p{margin:0 0 var(--space-m);line-height:1.5}hr{border-width:1px 0 0 0;border-color:var(----color-neutral-accent);margin:0 0 var(--space-m)}img.responsive{width:100%;height:auto}[aria-current]{background-color:var(--color-background)}a{color:var(--color-brand)}a:is(:hover,:focus,.active){color:var(--color-brand);text-decoration:underline var(--color-brand-accent);text-underline-offset:3px;text-decoration-thickness:2px}a:focus{outline:1px solid var(--color-brand)}a>img:only-child{display:block}main{padding:var(--space-s-m)}@media all and (min-width:64rem){.main-aside{display:grid;grid-template-columns:9fr 3fr}}header.global{padding:0 0 var(--space-xs)}footer.global{border-top:solid 1px var(--color-neutral);border-bottom:solid var(--space-3xs) var(--color-brand);margin:var(--space-s) 0 0 0;padding:var(--space-s-m);display:flex;justify-content:space-between}img.logo{display:block;margin:0 auto;max-width:90px}nav.global{border-bottom:solid 1px #bbb;border-top:solid var(--space-3xs) var(--color-brand);padding:var(--space-s-m);text-align:center}nav.global ul{display:block;margin:0 auto;padding:var(--space-xs) 0 0 0;max-width:fit-content}@media all and (min-width:48rem){nav.global ul{margin:0;padding:0}}nav.global ul li:first-child{margin:0}nav.global ul li{margin:0 0 0 var(--space-m);vertical-align:middle}nav.global ul li a{font-size:var(--text-size-0)}@media all and (min-width:48rem){nav.global{align-items:center;display:flex;justify-content:space-between}}nav.pagination ol{margin:0 auto}nav.pagination ol li a{border-radius:50%;display:inline-block;padding:var(--space-3xs);margin:0 var(--space-2xs)}aside{text-align:center;padding:var(--space-s-m)}ul.social-icons{display:flex;justify-content:center;column-gap:var(--space-s);flex-wrap:wrap}@media all and (min-width:64rem){ul.social-icons{column-gap:var(--space-3xs);flex-wrap:nowrap;justify-content:space-around}}ul.social-icons svg{height:var(--space-l);width:var(--space-l)}@media all and (min-width:64rem){ul.social-icons svg{height:var(--space-m);width:var(--space-m)}}svg.social-icon{height:var(--space-m);width:var(--space-m)}nav.social{margin:0 auto}nav.social ul li{padding:0 var(--space-3xs) 0}pre code{font:var(--text-size-0)/1.5 robotomono sans-serif}article img{border:solid 2px var(--color-text);border-radius:var(--space-3xs)}article .tags{text-align:right;color:var(--color-brand-inverse);font:600 var(--text-size--1)/1.5 inter,sans-serif;margin:0 0 var(--space-s)}time{color:var(--color-brand-inverse);font:600 var(--text-size--1)/1.5 inter,sans-serif;margin:0 0 var(--space-3xs)}ul.stack{align-items:flex-start;align-content:center;display:flex;flex-direction:column}ul.stack li{margin:0 0 var(--space-3xs)}ul.square{list-style:square outside none;margin:var(--space-s) 0 var(--space-s) var(--space-s)}ul.square li{display:list-item;margin:0 0 var(--space-2xs)}ul.icon-list{list-style:sqaure inside none;margin:var(--space-s) var(--space-s) var(--space-m)}ul.icon-list li{display:flex;margin:0 0 var(--space-xs)}ul.icon-list li svg{margin-right:var(--space-2xs);vertical-align:middle}strong{font-weight:600}.intro{font-size:var(--text-size-3);margin:0 0 var(--space-l) 0}.byline{font-size:var(--text-size--1);padding:0 0 var(--space-3xs);text-align:right}@media all and (min-width:25rem){.byline{justify-content:space-between;horizontal-gap:var(--space-m);display:flex;flex-wrap:wrap}}.profile-image img{border:2px solid var(--color-brand);border-radius:50%;margin:0 0 var(--space-s)}.blogroll article{margin:0 0 var(--space-l)}.blogroll article .byline{margin:0 0 var(--space-2xs)}.blogroll article .summary{border-bottom:1px solid var(--color-neutral);margin:0 0 var(--space-s)}.blogroll article .summary p{margin:0 0 var(--space-3xs)}.blogroll article .summary .tags{text-align:right;color:var(--color-brand-inverse);font:600 var(--text-size--1)/1.5 inter,sans-serif;margin:var(--space-s) 0}@media all and (min-width:64rem){.blogroll article .summary{display:grid;gap:1rem;grid-template-columns:1fr 1fr}}.portfolio h3{font-size:var(--text-size-1)}.portfolio .logos{display:flex;flex-wrap:wrap;justify-content:space-around}@media all and (min-width:64rem){.portfolio .logos{flex-direction:column}}.portfolio .logos img{margin:var(--space-xs) 0;width:12.5rem}.portfolio section{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-neutral);margin-bottom:var(--space-m)}@media all and (min-width:64rem){.portfolio section{display:grid;gap:var(--space-m);grid-template-columns:auto auto;align-items:start}}h1.home-intro{border-width:0;font:var(--text-size-3)/1.3 inter,sans-serif;padding-left:0}lite-youtube{margin:0 0 var(--space-m)}Eric Carlisle is a Full-Stack Engineer with focus on UI Innovation and UX Strategy.
Latest Posts