@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500;700&display=swap";:root{--bg-color:#fff;--text-color:#000;--tag-bg:#f6dbdb;--tag-text:#111;--tag-border:0;--link-bg-color:#e3edf9;--link-color:#000;--gradient-start:#57fce6;--gradient-middle:#87bdff;--gradient-end:#c8b5ff}*{box-sizing:border-box}body,html{margin:0;padding:0;font:15px Roboto Slab,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color)}body.dark-mode{--bg-color:#2a2a2a;--text-color:#fff;--tag-bg:transparent;--tag-text:#888;--tag-border:1px solid #444;--link-bg-color:transparent;--link-color:#00fa9f}body.dark-mode .gradient{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-middle) 50%,var(--gradient-end) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:antialiased}.main-doc{background:var(--bg-color);color:var(--text-color)}body.dark-mode .main-doc{background:#1a1a1a}a{color:var(--link-color);font-weight:400;background:var(--link-bg-color);text-decoration:none}h1,h2{margin:0;line-height:1}h1{font-size:48px}h2{font-size:22px;text-transform:uppercase;border-bottom:4px solid #333;text-align:right;padding-bottom:3px;margin-bottom:1rem}header{margin-bottom:3rem}header p{margin:0}header{position:relative}header .toggle-theme{cursor:pointer;width:24px;height:24px;position:absolute;top:0;right:0}sup{font-size:50%}li,p{font-weight:300}ul.list{margin-left:0;padding-left:1rem;margin-bottom:0;padding-bottom:.5rem}ul.list li{line-height:1.4;margin-bottom:.4rem}.avatar{background:url(/images/webp/Dustin-portrait.webp) 50%/cover no-repeat;width:80px;height:80px;border-radius:40px}.no-webp .avatar{background:url(/images/Dustin-portrait.jpg) 50%/cover no-repeat}.logo{width:40px;height:40px;background:50%/contain no-repeat}.logo.altium{background-image:url(/images/logos/altium.jpg)}.logo.duro{background-image:url(/images/logos/duro.png)}.logo.t-d{background-image:url(/images/logos/TDlogo.png)}.logo.route{background-image:url(/images/logos/route.png)}.logo.itsgood{background-image:url(/images/logos/itsgood.png)}.logo.lightspeed{background-image:url(/images/webp/lightspeed.webp)}.no-webp .logo.lightspeed{background-image:url(/images/logos/lightspeed.png)}.logo.agent,body.dark-mode .logo.agent{background-image:url(/images/logos/agent.svg)}body.dark-mode .logo.agent{filter:invert(1)}.logo.google{background-image:url(/images/webp/google.webp)}.no-webp .logo.google{background-image:url(/images/logos/google.png)}.logo.mix{background-image:url(/images/logos/mix.svg)}.logo.change{background-image:url(/images/webp/change.webp)}.no-webp .logo.change{background-image:url(/images/logos/change.png)}.logo.yahoo{background-image:url(/images/webp/yahoo.webp)}.no-webp .logo.yahoo{background-image:url(/images/logos/yahoo.png)}.logo.medium{background-image:url(/images/webp/medium.webp)}.no-webp .logo.medium{background-image:url(/images/logos/medium.png)}.logo.twitter{background-image:url(/images/webp/twitter.webp)}.no-webp .logo.twitter{background-image:url(/images/logos/twitter.png)}.logo.csus{background-image:url(/images/webp/csus.webp)}.no-webp .logo.csus{background-image:url(/images/logos/csus.png)}.logo.sbd{background-image:url(/images/logos/sbd.jpeg)}.logo.book-jsdp{background-image:url(/images/webp/book-javascript-design-patterns.webp)}.no-webp .logo.book-jsdp{background-image:url(/images/logos/book-javascript-design-patterns.png)}.logo.book-strobist{background-image:url(/images/webp/book-strobist-info.webp)}.no-webp .logo.book-strobist{background-image:url(/images/logos/book-strobist-info.png)}.social{text-align:center}.social a{padding:6px 12px;background:transparent}.social a:hover{color:#1e90ff}.social a svg{width:22px;height:22px}.hr{width:5vw;margin:2rem auto;height:4px;background:#333}@media(max-width:760px){h1{font-size:32px}.logo{position:absolute;top:0;left:0}}.stint{border-left:1px solid #bbb;padding-left:1rem;padding-top:2rem}.stint:first-child{padding-top:0}.stint h3,.stint h4{font-weight:500;margin:0 0 .25rem}.stint .divot{width:8px;height:8px;border-radius:8px;background:#999;margin-left:calc(-1rem - 4px);position:relative;top:12px}