:root{--fg:#1e0a02;--bg:#fff8f2;--accent:#ff8000;--accent-underline:#ff8000e6;--accent-hover:#e95d00;--focus:#ff8000;--font-sans:Mier B,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--font-serif:Register,Georgia,Times,serif;--font-mono:IBM Plex Mono,Source Code Pro,Courier,monospace;--font-pixel:"Redaction 70",Source Code Pro,Courier,monospace;--shadow-card:0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-0.3px 5.7px 5.5px -0.8px #1e0a020a,-0.5px 9.3px 8.9px -1.2px #1e0a020a,-0.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}@font-face{font-family:Mier B;src:url(../fonts/MierB-Bold.woff2) format("woff2"),url(../fonts/MierB-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-BoldItalic.woff2) format("woff2"),url(../fonts/MierB-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-Regular.woff2) format("woff2"),url(../fonts/MierB-Regular.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-Italic.woff2) format("woff2"),url(../fonts/MierB-Italic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Bold.woff2) format("woff2"),url(../fonts/Register-Bold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Regular.woff2) format("woff2"),url(../fonts/Register-Regular.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Italic.woff2) format("woff2"),url(../fonts/Register-Italic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Redaction 70";src:url(../fonts/Redaction_70-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Redaction 70";src:url(../fonts/Redaction_70-Bold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}*{border:0;margin:0;padding:0}ul{list-style:none}button{border:0;background:0 0;color:inherit;font:inherit;cursor:pointer}body{font-family:var(--font-sans);font-size:17px;font-style:normal;font-weight:300;line-height:1.5;color:var(--fg);background:var(--bg);display:flex;flex-direction:column;align-items:center;min-height:100vh}h1,h2{font-family:var(--font-sans);font-size:17px;font-style:normal;font-weight:600}h1 span,h2 span{font-weight:300}.sans{font-family:var(--font-sans);font-style:normal;font-weight:300}.serif{font-family:var(--font-serif);font-style:normal;font-weight:300}em.serif{font-style:italic}.mono{font-family:var(--font-mono);font-size:16px;font-style:normal;font-weight:400}.pixel{font-family:var(--font-pixel);font-size:20px;font-style:normal;font-weight:400}*,::after,::before{transition:color .24s,background .24s,background-color .24s,border-color .24s,border-radius .24s,opacity .24s,box-shadow .24s,text-decoration-color .24s,text-shadow .24s}a{color:var(--accent);text-underline-offset:3px;white-space:nowrap;-webkit-text-decoration:underline var(--accent-underline);text-decoration:underline var(--accent-underline)}a:hover{color:var(--accent-hover);-webkit-text-decoration:underline #ff800000;text-decoration:underline #ff800000}.container{width:min(400px,100% - 64px);margin:0 auto;box-sizing:border-box}.center{text-align:center}.logo{background:var(--fg);width:73px;height:49px;margin-top:112px;display:block;overflow:hidden;-webkit-mask:url(../images/michieldegraaf-logo-73x49.svg) 50% no-repeat;mask:url(../images/michieldegraaf-logo-73x49.svg) 50% no-repeat}.logo img{display:none}header.title h1{margin-top:40px}header.title h1>span{opacity:.48;display:block}header.title p{margin-top:24px}.content h2{margin-top:32px}.content p{margin-top:24px}.content p a span{opacity:.4;font-style:italic}.content .avatar{margin-top:32px}footer[role=contentinfo]{text-align:center;color:#1e0a0266;margin:48px 0 144px}footer[role=contentinfo] .info li{margin:0 2px;display:inline-block}footer[role=contentinfo] .info button{color:inherit;text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline #1e0a0266;text-decoration:underline #1e0a0266}footer[role=contentinfo] .info button.active,footer[role=contentinfo] .info button:hover{text-decoration-color:#0000}footer[role=contentinfo] .info button.active{color:var(--fg)}.content .cases{margin-top:24px}.content .cases p{display:inline}.content .cases ul{list-style:none;display:inline}.content .cases ul li{display:inline;transition:opacity .2s}.content .cases ul li button{appearance:none;-webkit-appearance:none;display:inline;padding:0;border:0;background:0 0;font:inherit;color:#ff8000;font-weight:300;cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline #ff8000e6;text-decoration:underline #ff8000e6;white-space:nowrap}.content .cases ul li button:hover{text-decoration-color:#ff800000!important}.content .cases ul li:after{content:",";margin-left:1px}.content .cases ul li:last-child:after{content:"."!important}.content .cases ul li.airbnb button{color:#ff385c;text-decoration-color:#ff385ca3}.content .cases ul li.ph button{color:#ff6154;text-decoration-color:#ff6154a3}.content .cases ul li.tidal button{color:#2ad1c3;text-decoration-color:#2ad1c3a3}.content .cases ul li.dan button{color:#024b88;text-decoration-color:#024b88a3}.content .cases ul li.brewbot button{color:#ff8000;text-decoration-color:#ff8000a3}.content .cases ul li.gg button{color:#b3cc09;text-decoration-color:#b3cc09a3}.content .cases ul li.awkward button{color:#eb00ff;text-decoration-color:#eb00ffa3}.content .cases ul li.riverside button{color:#001aff;text-decoration-color:#001affa3}.content .cases ul li.jobseeker button{color:#7724f8;text-decoration-color:#7724f8a3}.content .cases ul:has(li.active) li:not(.active){opacity:.5}.content .cases ul li.active button{text-decoration-color:#0000}.content .cases ul li button .wave-char{display:inline-block;animation:1.1s ease-in-out infinite wavetext}.content .cases .case-slot .case-info{text-align:center;display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;margin-top:0;transition:grid-template-rows .3s,opacity .2s 80ms,margin-top .3s}.content .cases .case-slot .case-info.active{grid-template-rows:1fr;opacity:1;pointer-events:auto;margin-top:24px}.content .cases .case-slot .case-info>.case-inner{min-height:0}.content .cases .case-slot .case-info figure{margin:24px 0 32px}.content .cases .case-slot .case-info figure img{border-radius:24px;width:100%;aspect-ratio:1;display:block;box-shadow:var(--shadow-card)}.content .cases .case-slot .case-info p{margin-bottom:16px;padding:0 16px;display:block}.content .cases .case-slot .case-info p em{opacity:.32;margin-top:16px;font-style:normal;display:block}.content .cases .case-slot .case-info .caselink{position:relative;display:inline-block;line-height:1;padding:0 0 10px;color:var(--accent);text-decoration:none;transition:color .24s}.content .cases .case-slot .case-info .caselink:hover{color:var(--fg)}.content .cases .case-slot .case-info .caselink .cl-text{display:inline-block}.content .cases .case-slot .case-info .caselink .cl-wave{position:absolute;left:0;bottom:0;width:100%;height:10px;overflow:visible;pointer-events:none}.content .cases .case-slot .case-info.dan img{background:url(../images/bg-quicksilver-1.gif) 50%/100% no-repeat #26272b}.content .cases .case-slot .case-info.jobseeker img{background:url(../images/bg-void-2.gif) 50%/100% no-repeat #26272b}.content .cases .case-slot .case-info.riverside img{background:url(../images/bg-noise-3.gif) 50%/100% no-repeat #26272b}.avatar-scene,.avatar-scene *{transition:none}.avatar-scene{perspective:1000px;position:relative}.avatar-card{cursor:url(../images/icon-hand-peace-3.svg),pointer;aspect-ratio:1;position:relative;border-radius:24px;box-shadow:var(--shadow-card);will-change:transform}.avatar-face{position:absolute;inset:0;border-radius:24px;overflow:hidden}.avatar-face img{width:100%;height:100%;object-fit:cover;display:block}footer[role=contentinfo] .colophon{color:var(--fg);display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;margin-top:0;transition:grid-template-rows .4s,opacity .2s 80ms,margin-top .4s}footer[role=contentinfo] .colophon.active{grid-template-rows:1fr;opacity:1;pointer-events:auto;margin-top:40px}footer[role=contentinfo] .colophon>.colophon-inner{overflow:hidden;min-height:0}footer[role=contentinfo] .colophon p{margin-top:24px}footer[role=contentinfo] .colophon p.date{opacity:.4}footer[role=contentinfo] .colophon p .serif{font-style:italic}footer[role=contentinfo] .colophon a.sans{font-family:var(--font-sans);font-style:normal;font-weight:300}footer[role=contentinfo] .colophon a.serif{font-family:var(--font-serif);font-style:normal;font-weight:300}footer[role=contentinfo] .colophon a.mono{font-family:var(--font-mono);font-size:16px;font-style:normal;font-weight:400}footer[role=contentinfo] .colophon a.pixel{font-size:17px}footer[role=contentinfo] .colophon a em{opacity:.48}footer[role=contentinfo] .colophon .humanmade{text-indent:-999px;cursor:url(../images/icon-hand-peace-3.svg),wait;background:url(../images/bg-pulse-1.gif) 50%/80px no-repeat;width:80px;height:80px;margin:40px auto;transition:transform .25s;animation:120s infinite gradient;display:block;-webkit-mask:url(../images/humanmade.svg) 50% no-repeat;mask:url(../images/humanmade.svg) 50% no-repeat}footer[role=contentinfo] .colophon .humanmade:hover{animation:1.8s ease-in-out infinite wave}footer[role=contentinfo] .archive{display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;max-width:240px;margin:0 auto;transition:grid-template-rows .4s,opacity .2s 80ms,margin-top .4s}footer[role=contentinfo] .archive.active{grid-template-rows:1fr;opacity:1;pointer-events:auto;margin-top:40px}footer[role=contentinfo] .archive>.archive-inner{overflow:hidden;min-height:0;border:1px solid #1e0a021a;border-radius:14px}footer[role=contentinfo] .archive li{text-align:left;border-top:1px solid #1e0a021a}footer[role=contentinfo] .archive li:first-child{border-top:0}footer[role=contentinfo] .archive li:first-child a{border-radius:13px 13px 0 0}footer[role=contentinfo] .archive li:last-child a,footer[role=contentinfo] .archive li:last-child span{border-radius:0 0 13px 13px}footer[role=contentinfo] .archive li a,footer[role=contentinfo] .archive li span{color:var(--fg);padding:10px 18px;font-family:var(--font-mono);font-size:14px;font-style:normal;font-weight:400;text-decoration-color:var(--fg);display:flex;align-items:baseline;justify-content:space-between}footer[role=contentinfo] .archive li a:hover,footer[role=contentinfo] .archive li span:hover{background:#1e0a0210;text-decoration-color:#0000}footer[role=contentinfo] .archive li a em,footer[role=contentinfo] .archive li span em{opacity:.4;font-style:normal;flex-shrink:0}footer[role=contentinfo] .archive li span{opacity:.4}.actions{z-index:100;justify-content:center;align-items:center;gap:16px;width:300px;margin:0 auto;display:flex;position:fixed;bottom:24px;left:0;right:0}.actions .case-nav{opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff8f233;border-radius:80px;box-shadow:inset 0 1px 1.4px #fffc,inset 0 1px 2.6px #fffc,inset 0 4px 16px #fff8f266,inset 0 10px 40px #fff8f2cc,0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-.3px 5.7px 5.5px -.8px #1e0a020a,-.5px 9.3px 8.9px -1.2px #1e0a020a,-.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}.actions .case-nav.visible{opacity:1;pointer-events:auto}.actions .case-nav .case-next,.actions .case-nav .case-prev{text-indent:-900px;background:#1e0a0280;width:40px;height:40px;display:flex}.actions .case-nav .case-prev{-webkit-mask:url(../images/icon-arrow-1px-prev.svg) 50% no-repeat;mask:url(../images/icon-arrow-1px-prev.svg) 50% no-repeat}.actions .case-nav .case-next{-webkit-mask:url(../images/icon-arrow-1px-next.svg) 50% no-repeat;mask:url(../images/icon-arrow-1px-next.svg) 50% no-repeat}.actions .container{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff8f266;border-radius:80px;width:152px;padding:14px;box-sizing:content-box;transition:.24s;display:flex;overflow:hidden;box-shadow:inset 0 1px 1.4px #fffc,inset 0 1px 2.6px #fffc,inset 0 4px 16px #fff8f266,inset 0 10px 40px #fff8f2cc,0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-.3px 5.7px 5.5px -.8px #1e0a020a,-.5px 9.3px 8.9px -1.2px #1e0a020a,-.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}.actions .container:hover{background:#fff8f2e0}.actions .email,.actions .toggle{opacity:.24;text-indent:-999px;z-index:400;width:32px;height:32px;flex-shrink:0;transition:.24s;display:block}.actions .email{opacity:.64;background:var(--fg);-webkit-mask:url(../images/icon-email-1px-white.svg) 50% no-repeat;mask:url(../images/icon-email-1px-white.svg) 50% no-repeat}.actions .email:hover{opacity:1}.actions .toggle-menu{display:flex;align-items:center;gap:8px;margin-left:auto}.actions .toggle-menu .toggle:hover{opacity:1}.actions .toggle-menu .toggle.active{opacity:.8}.actions .toggle-menu .toggle.toggle-contrast{background:var(--fg);-webkit-mask:url(../images/icon-contrast-1px-white.svg) 50% no-repeat;mask:url(../images/icon-contrast-1px-white.svg) 50% no-repeat}.actions .toggle-menu .toggle.toggle-type{background:var(--fg);-webkit-mask:url(../images/icon-type-1px-white.svg) 50% no-repeat;mask:url(../images/icon-type-1px-white.svg) 50% no-repeat}.actions .toggle-menu .toggle.toggle-color{background:var(--fg);-webkit-mask:url(../images/icon-rainbow-1px-white.svg) 50% no-repeat;mask:url(../images/icon-rainbow-1px-white.svg) 50% no-repeat}.caselink,.content p a{cursor:url(../images/icon-1px-link-black.svg),pointer}.email{cursor:url(../images/icon-1px-email-black.svg),pointer}.logo,.toggle{cursor:url(../images/icon-1px-eye-black.svg),cell}[data-theme=color] .caselink,[data-theme=color] .content p a{cursor:url(../images/icon-1px-link-green.svg),pointer}[data-theme=color] .email{cursor:url(../images/icon-1px-email-green.svg),pointer}[data-theme=color] .logo,[data-theme=color] .toggle{cursor:url(../images/icon-1px-eye-green.svg),cell}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:0}body[data-theme=contrast]{--fg:#fff8f2;--bg:#1e0a02;color:var(--fg);background:var(--bg)}body[data-theme=contrast] footer[role=contentinfo]{color:#fff8f266}body[data-theme=contrast] footer[role=contentinfo] .info button{-webkit-text-decoration:underline #fff8f266;text-decoration:underline #fff8f266}body[data-theme=contrast] footer[role=contentinfo] .info button.active{color:#fff8f2;text-decoration-color:#0000}body[data-theme=contrast] footer[role=contentinfo] .archive li,body[data-theme=contrast] footer[role=contentinfo] .archive>.archive-inner{border-color:#fff8f21a}body[data-theme=contrast] footer[role=contentinfo] .archive li:first-child{border-top:0}body[data-theme=contrast] footer[role=contentinfo] .archive li a,body[data-theme=contrast] footer[role=contentinfo] .archive li span{color:#fff8f2;text-decoration-color:#fff8f2}body[data-theme=contrast] footer[role=contentinfo] .archive li a:hover,body[data-theme=contrast] footer[role=contentinfo] .archive li span:hover{background:#fff8f210;text-decoration-color:#0000}body[data-theme=contrast] .actions .case-nav{background:#1e0a0233;box-shadow:inset 0 1px 1.4px #fff8f233,inset 0 1px 2.6px #fff8f233,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0233,0 5px 8px #1e0a0224,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0233,-.8px 14.8px 14.2px -1.6px #1e0a021a,-1.3px 23.1px 22.2px -2px #1e0a021f,-2px 35px 33.7px -2.4px #1e0a0299,-2.9px 51.2px 49.2px -2.8px #1e0a0266}body[data-theme=contrast] .actions .case-nav .case-next,body[data-theme=contrast] .actions .case-nav .case-prev{background:#fff8f2b8}body[data-theme=contrast] .actions .case-nav .case-next:hover,body[data-theme=contrast] .actions .case-nav .case-prev:hover{background:#fff8f2}body[data-theme=contrast] .actions .container{background:#1e0a0266;box-shadow:inset 0 1px 1.4px #fff8f233,inset 0 1px 2.6px #fff8f233,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0233,0 5px 8px #1e0a0224,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0233,-.8px 14.8px 14.2px -1.6px #1e0a021a,-1.3px 23.1px 22.2px -2px #1e0a021f,-2px 35px 33.7px -2.4px #1e0a0299,-2.9px 51.2px 49.2px -2.8px #1e0a0266}body[data-theme=contrast] .actions .toggle-menu .toggle.active{background:#ff8000!important}body[data-theme=color]{--fg:#feffce;--bg:#223126;color:var(--fg);background:var(--bg)}body[data-theme=color] footer[role=contentinfo]{color:#feffce66}body[data-theme=color] footer[role=contentinfo] .info button{-webkit-text-decoration:underline #feffce66;text-decoration:underline #feffce66}body[data-theme=color] footer[role=contentinfo] .info button.active{color:#feffce;text-decoration-color:#0000}body[data-theme=color] footer[role=contentinfo] .archive li,body[data-theme=color] footer[role=contentinfo] .archive>.archive-inner{border-color:#feffce1a}body[data-theme=color] footer[role=contentinfo] .archive li:first-child{border-top:0}body[data-theme=color] footer[role=contentinfo] .archive li a,body[data-theme=color] footer[role=contentinfo] .archive li span{color:#feffce;text-decoration-color:#feffce}body[data-theme=color] footer[role=contentinfo] .archive li a:hover,body[data-theme=color] footer[role=contentinfo] .archive li span:hover{background:#feffce10;text-decoration-color:#0000}body[data-theme=color] .actions .case-nav{background:#22312666;box-shadow:inset 0 1px 1.4px #fff8f229,inset 0 1px 2.6px #ffffff29,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0229,0 5px 8px #1e0a0229,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0214,-.8px 14.8px 14.2px -1.6px #1e0a020a,-1.3px 23.1px 22.2px -2px #1e0a0214,-2px 35px 33.7px -2.4px #1e0a020a,-2.9px 51.2px 49.2px -2.8px #1e0a020a}body[data-theme=color] .actions .case-nav .case-next,body[data-theme=color] .actions .case-nav .case-prev{background:#feffceb8}body[data-theme=color] .actions .case-nav .case-next:hover,body[data-theme=color] .actions .case-nav .case-prev:hover{background:#feffce}body[data-theme=color] .actions .container{background:#22312666;box-shadow:inset 0 1px 1.4px #fff8f229,inset 0 1px 2.6px #ffffff29,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0229,0 5px 8px #1e0a0229,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0214,-.8px 14.8px 14.2px -1.6px #1e0a020a,-1.3px 23.1px 22.2px -2px #1e0a0214,-2px 35px 33.7px -2.4px #1e0a020a,-2.9px 51.2px 49.2px -2.8px #1e0a020a}body[data-theme=color] .actions .toggle-menu .toggle.active{background:#ff8000!important}body.serif{font-family:var(--font-serif);font-style:normal;font-weight:300}body.serif h1,body.serif h2{font-family:var(--font-serif);font-style:normal;font-weight:600}body.serif h1 span,body.serif h2 span{font-weight:300}body[data-theme=nineties]{--fg:#fff;--focus:#00e5ff;color:#fff;text-shadow:0 1px 2px red,0 1px 2px red;cursor:url(../images/1999/cursor-wave.gif),default;background:url(../images/1999/lightning.gif) top repeat-x fixed,url(../images/1999/background.gif) top;font-family:var(--font-pixel);font-size:20px;font-style:normal;font-weight:400}body[data-theme=nineties] h1,body[data-theme=nineties] h2{font-family:var(--font-pixel);font-size:20px;font-style:normal;font-weight:600}body[data-theme=nineties] h1 span,body[data-theme=nineties] h2 span{font-weight:400}body[data-theme=nineties] .logo{background:url(../images/1999/mdg-logo-1999.gif) 50%/102px no-repeat;-webkit-mask:none;mask:none}body[data-theme=nineties] h2{text-shadow:0 2px red,2px 0 red,-2px 0 red,0 -2px red;text-align:center;background:url(../images/1999/Hand_right.gif) 0 no-repeat,url(../images/1999/Hand_left.gif) 100% no-repeat,url(../images/1999/m175k8cg.gif) 50% no-repeat}body[data-theme=nineties] .content .cases .case-slot .case-info .caselink{color:#fff;border-color:#fff3}body[data-theme=nineties] .content .cases .case-slot .case-info .caselink:hover{color:#1e0a02;background:#fff8f2}body[data-theme=nineties] p.center:after{content:"";background:url(../images/1999/counter-long.gif) 50% no-repeat;max-width:400px;height:32px;margin-top:40px;display:block}body[data-theme=nineties] footer[role=contentinfo]{color:#fff8f266}body[data-theme=nineties] footer[role=contentinfo]:before{content:"";background:url(../images/1999/clipart_skyspace_lightning_002.gif) 50% no-repeat;max-width:400px;height:50px;margin-bottom:32px;display:block}body[data-theme=nineties] footer[role=contentinfo]:after{content:"";background:url(../images/1999/css-made.gif) no-repeat,url(../images/1999/html-made.gif) top no-repeat,url(../images/1999/javascript-1.gif) 100% 0 no-repeat,url(../images/1999/now_anim_button.gif) 0 56px no-repeat,url(../images/1999/firefox.gif) 50% 56px no-repeat,url(../images/1999/Get_IE_Button.gif) right top 56px no-repeat,url(../images/1999/ufo.gif) bottom no-repeat;max-width:400px;height:200px;margin-top:40px;display:block}body[data-theme=nineties] footer[role=contentinfo] .date{opacity:1;color:#ffffff80;background:url(../images/1999/update-scroll_1_.gif) left bottom 10px no-repeat,url(../images/1999/update-scroll_1_.gif) right bottom 10px no-repeat}body[data-theme=nineties] footer[role=contentinfo] .date:before{content:"";background:url(../images/1999/madewithamac.gif) top no-repeat;max-width:400px;height:40px;padding-bottom:40px;display:block}body[data-theme=nineties] footer[role=contentinfo] .info button{-webkit-text-decoration:underline #fff8f266;text-decoration:underline #fff8f266}body[data-theme=nineties] footer[role=contentinfo] .info button.active{color:#fff8f2;text-decoration-color:#0000}body[data-theme=nineties] footer[role=contentinfo] .colophon{color:#fff8f2}body[data-theme=nineties] footer[role=contentinfo] .archive>.archive-inner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00f6;border:6px groove violet;border-radius:0}body[data-theme=nineties] footer[role=contentinfo] .archive>.archive-inner::before{content:"";background:url(../images/1999/hyper-internet.gif) 50% no-repeat #ee82ee66;border-bottom:6px groove violet;max-width:400px;height:120px;display:block;box-shadow:inset 0 4px 16px violet}body[data-theme=nineties] footer[role=contentinfo] .archive li{border-color:violet}body[data-theme=nineties] footer[role=contentinfo] .archive li:first-child{border-top:0}body[data-theme=nineties] footer[role=contentinfo] .archive li a,body[data-theme=nineties] footer[role=contentinfo] .archive li span{color:#fff;text-shadow:none;text-decoration-color:#fff}body[data-theme=nineties] footer[role=contentinfo] .archive li a:hover,body[data-theme=nineties] footer[role=contentinfo] .archive li span:hover{background:#0000ffa3;text-decoration-color:#0000}body[data-theme=nineties] .actions .case-nav{background:#0003;box-shadow:inset 0 1px 1.4px #ffffff29,inset 0 1px 2.6px #ffffff29,inset 0 4px 16px #ffffff1a,inset 0 10px 40px #ffffff1a,0 1px 3px #00000029,0 5px 8px #00000029,-.3px 5.7px 5.5px -.8px #0000001a,-.5px 9.3px 8.9px -1.2px #00000014,-.8px 14.8px 14.2px -1.6px #0000000a,-1.3px 23.1px 22.2px -2px #00000014,-2px 35px 33.7px -2.4px #0000000a,-2.9px 51.2px 49.2px -2.8px #0000000a}body[data-theme=nineties] .actions .case-nav .case-next,body[data-theme=nineties] .actions .case-nav .case-prev{background:#ffffffb8}body[data-theme=nineties] .actions .case-nav .case-next:hover,body[data-theme=nineties] .actions .case-nav .case-prev:hover{background:#fff}body[data-theme=nineties] .actions .container{background:#0006;box-shadow:inset 0 1px 1.4px #ffffff29,inset 0 1px 2.6px #ffffff29,inset 0 4px 16px #ffffff1a,inset 0 10px 40px #ffffff1a,0 1px 3px #00000029,0 5px 8px #00000029,-.3px 5.7px 5.5px -.8px #0000001a,-.5px 9.3px 8.9px -1.2px #00000014,-.8px 14.8px 14.2px -1.6px #0000000a,-1.3px 23.1px 22.2px -2px #00000014,-2px 35px 33.7px -2.4px #0000000a,-2.9px 51.2px 49.2px -2.8px #0000000a}body[data-theme=nineties] .actions .toggle-menu .toggle.active{background:red!important}@media screen and (max-width:500px){.logo{margin-top:64px}.actions{bottom:16px}.actions .container{padding:12px}}@media screen and (max-width:400px){.actions{width:266px;bottom:8px}.actions .container{width:134px;padding:10px}.actions .toggle-menu{gap:0}.actions .toggle-menu .toggle{margin-left:2px}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@keyframes gradientslide{0%,to{background-position:0 100%}50%{background-position:100% 0}}@keyframes gradient{0%,to{background-position:0}50%{background-position:100%}}@keyframes wavetext{0%,100%{transform:translateY(0)}30%{transform:translateY(-3px) rotate(2deg)}60%{transform:translateY(1px)}}@keyframes wave{0%,to{transform:rotate(0) scale(1.1)}10%{transform:rotate(4deg) scale(1.12)}20%{transform:rotate(-3deg) scale(1.15)}30%{transform:rotate(5deg) scale(1.17)}40%,60%{transform:rotate(-2deg) scale(1.18)}50%{transform:rotate(3deg) scale(1.2)}70%{transform:rotate(3deg) scale(1.17)}80%{transform:rotate(-1deg) scale(1.15)}90%{transform:rotate(2deg) scale(1.12)}}