/*! Version 250806 */@font-face{font-family:"Inter";src:url("../fonts/InterVariable.ttf")}html{font-size:20px;font-family:"Inter",Roboto,-apple-system,system-ui,sans-serif;--c-sticker: hsla(0, 0%, 77%, 0.4);--c-title: hsla(0, 0%, 3%, 1);--c-text: hsla(0, 0%, 9%, 1);--w-reg: 400;--w-bold: 600;--radius: 3px;--border-color: hsl(0, 0%, 100%) hsl(0, 0%, 30%) hsl(0, 0%, 30%) hsl(0, 0%, 100%)}body{font-weight:var(--w-reg);font-size:.8rem;line-height:1.5;margin:0;font-feature-settings:"tnum";color:var(--c-text);overflow-x:hidden;overflow-y:scroll;position:relative}*,*::before,*::after{box-sizing:border-box;outline:none}::selection{color:#b3b3b3;background:var(--c-title)}pre{padding:0;margin:0;white-space:pre-wrap}a{text-decoration:none;color:currentColor}a.external{transition:all .2s ease-in-out;background:linear-gradient(to top, currentColor 1px, transparent 1px)}a.external::after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M12,0V5.333H10.667V2.666H9.334V1.333H6.667V0H12ZM9.334,8v2.666h1.333v-4H9.334ZM8,4H9.334V2.666H8ZM6.667,10.667H1.333V12h8V10.667H6.667Zm0-5.334H8V4H6.667ZM5.333,6.667H6.667V5.333H5.333ZM4,2.666H5.333V1.333h-4V2.666H4ZM1.333,8V2.666H0v8H1.333V8Z'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;display:inline-block;margin:0 0 0 .2rem;font-size:.8em;opacity:.5;width:12px;height:12px}img,svg{display:block;max-width:100%;margin:0}h1,h2,h3,h4{color:var(--c-title);font-weight:var(--w-bold);font-size:1.1rem;line-height:1.3}h1{margin:0 0 1rem;font-size:1.3rem}h2,h3,h4{margin:2rem 0 1rem}p{margin:0 0 1rem}p:last-child{margin-bottom:0}ol{text-align:left;counter-reset:a;padding:0;margin:0 0 1rem}ol>li{position:relative;margin:0;padding:4px 0 4px calc(1rem + 10px);list-style:none}ol>li::before{content:counter(a);counter-increment:a 1;font-size:.7rem;line-height:1;color:currentColor;border:1px solid currentColor;width:1rem;height:1rem;display:inline-flex;justify-content:center;align-items:center;text-align:center;margin:auto 10px auto calc(-1rem - 10px)}[class*=grid-]{display:grid;grid-gap:.6666666667rem;align-items:start}.grid-2c{grid-template-columns:repeat(2, auto)}.grid-3c{grid-template-columns:repeat(3, auto)}.grid-logo{grid-template-columns:auto auto;grid-column-gap:3rem;grid-row-gap:4rem;justify-content:center;align-items:baseline;max-width:500px;margin:0 auto}.flex{display:flex;gap:12px}svg#pluggie{width:200px}svg#mindcoffee{width:100px}svg#fontsarena{width:300px}.stretch2{grid-template-columns:auto 1fr}.span2{grid-column:span 2}#wrap{display:flex;flex-flow:column nowrap;align-items:center;padding:1rem;position:relative;width:100%;margin:0 auto}#header{position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:912;font-size:.9em;line-height:1.3;display:grid;grid-template-columns:repeat(5, 1fr);align-items:start;justify-content:stretch;grid-gap:30px}#header a{position:relative;cursor:pointer;color:#b3b3b3}#header a svg{fill:#999}#header a:first-of-type{display:flex;flex-flow:column nowrap;height:100%;align-items:center;justify-content:center}#header>div{grid-column:4/span 3}#header svg{fill:#0d0d0d}#header .folder{width:60px;height:40px;background:#999;border-radius:0 var(--radius) var(--radius) var(--radius);--position: 5px}#header .folder::before{content:"WORK";border-radius:var(--radius) 0 0 0;min-width:30px;height:var(--position);background:#b3b3b3;position:absolute;top:calc(var(--position)*-1);left:0;color:#0d0d0d;z-index:3;font-size:.4rem;padding:0 2px 0 3px;letter-spacing:1px;text-shadow:1px 1px 0 #ccc;font-variation-settings:"wght" 600}#header .folder::after{content:"";transform:skew(63deg);width:30px;border-radius:0 var(--radius) 0 0;display:block;background:#999;height:var(--position);position:absolute;top:calc(var(--position)*-1);left:14px}#header .folder-name{margin-top:6px;padding-left:1px;font-size:.5rem;color:#e6e6e6;font-variation-settings:"wght" 700;text-transform:uppercase;letter-spacing:1px}#header .text-file{width:60px;height:45px;margin-top:-5px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' id='txt' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m36.5 7.5h2.29l-2.29-2.29z' fill='%23999'/%3E%3Cpath d='m8.5 8.5v35h27v-2h-23.5c-.83 0-1.5-.67-1.5-1.5v-31.5z' fill='%23999'/%3E%3Cpath d='m39.5 8.5h-3.5c-.28 0-.5-.22-.5-.5v-3.5h-23.5c-.28 0-.5.22-.5.5v35c0 .28.22.5.5.5h27c.28 0 .5-.22.5-.5zm-3.5 28h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5zm0-3h-21c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h21c.28 0 .5.22.5.5s-.22.5-.5.5z' fill='%23999'/%3E%3C/g%3E%3C/svg%3E");background-size:auto calc(100% + 8px);background-position:center top -4px}#header .file-name{margin-top:6px;padding-left:1px;font-size:.6rem;color:#e6e6e6;font-variation-settings:"wght" 700}#intro{z-index:3;padding-top:20px;position:fixed;top:8rem;left:50%;transform:translateX(-50%);width:100%;max-width:600px}#intro .wndw-title{margin:0;padding:0 8px;transition:.4s all ease-in;max-width:90%;position:absolute;top:7px;right:2px;font-size:.5rem;line-height:1;height:.9rem;display:flex;align-items:center;color:#e6e6e6;font-variation-settings:"wght" 700;text-transform:uppercase;letter-spacing:1px}#intro #introNew{margin-bottom:30px;filter:brightness(90%)}#intro #introNew:before{z-index:-1;position:absolute;content:"";width:80%;height:80%;left:10%;top:10%;background:linear-gradient(220deg, hsl(196, 100%, 67%) 0%, hsl(196, 100%, 67%) 42%, hsl(196, 100%, 100%) 60%, hsl(348, 100%, 75%) 80%);filter:blur(48px);opacity:.2}#introOld{max-width:500px}#introOld .inner{background:linear-gradient(90deg, hsl(57, 70%, 97%) 10px, transparent 1%) center,linear-gradient(hsl(57, 70%, 97%) 10px, transparent 1%) center,#999;background-size:11px 11px;line-height:2;font-family:"iA Writer Duospace",monospace;margin:0 0 0 2px;padding:30px;box-shadow:0 4px 4px 0 rgba(0,0,0,.2),0 16px 16px 0 rgba(0,0,0,.2)}main{z-index:9;position:relative;max-width:900px;width:100%}main section{position:absolute;top:6rem;left:0;width:100%;z-index:12}main article{position:relative;padding:2rem 0 4rem;margin:0 auto;max-width:500px}main article ol{margin:0;padding-bottom:0}#stars{width:100%;height:100vh;perspective:70px;overflow:hidden;background:#0d0d0d;z-index:-1;position:fixed;top:0;bottom:0;right:0}#stars .stars{position:absolute;top:50%;left:50%;width:2px;height:2px;border-radius:50%;box-shadow:831px 176px #e8e8e8,-735px -618px #dedede,-887px -365px #c9c9c9,-913px 282px #c7c7c7,872px 312px #fcfcfc,722px -379px #ededed,-189px 85px #ccc,550px 368px #d9d9d9,-448px 460px #dbdbdb,-745px -592px #dedede,802px 464px #d4d4d4,541px 431px #dbdbdb,62px -481px #d4d4d4,-158px -437px #cfcfcf,-879px 221px #fafafa,-47px -381px #cfcfcf,825px -442px #cfcfcf,3px 211px #dedede,686px 464px #f5f5f5,-816px -623px #d1d1d1,-4px -323px #fcfcfc,884px 304px #e8e8e8,-339px -559px #e3e3e3,488px 194px #cfcfcf,-118px -129px #fafafa,-610px 113px #d4d4d4,-919px -174px #e0e0e0,233px -293px #d4d4d4,-790px 310px #c2c2c2,-593px 585px #fafafa,-542px -487px #ebebeb;animation:fly 3s linear infinite;transform-style:preserve-3d;z-index:1}#stars .stars::before,#stars .stars::after{content:"";position:absolute;width:inherit;height:inherit;box-shadow:inherit}#stars .stars::before{transform:translateZ(-60px);animation:fade1 3s linear infinite}#stars .stars::after{transform:translateZ(-120px);animation:fade2 3s linear infinite}@keyframes fly{from{transform:translateZ(0px)}to{transform:translateZ(60px)}}@keyframes fade1{from{opacity:.5}to{opacity:1}}@keyframes fade2{from{opacity:0}to{opacity:.5}}@keyframes sliding-background{0%,100%{background-position:0 40%}50%{background-position:100% 40%}}.poster{margin:2rem 0 1rem;box-shadow:0 2px 3px rgba(0,0,0,.1);z-index:15;position:relative}.poster::before,.poster::after{content:"";width:100%;left:0;position:absolute;z-index:99}.poster::after{height:100%;top:0;background-repeat:no-repeat;background-image:linear-gradient(to right, hsla(0, 0%, 100%, 0.1) 0.5%, hsla(0, 0%, 0%, 0.1) 1.2%, transparent 1.2%),linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0.5%, rgba(0, 0, 0, 0.15) 1.2%, transparent 1.2%),linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0.5%, rgba(0, 0, 0, 0.15) 1.2%, transparent 1.2%),linear-gradient(265deg, hsla(0, 0%, 0%, 0.1), transparent 10%),linear-gradient(5deg, hsla(0, 0%, 0%, 0.1), transparent 15%),linear-gradient(-5deg, rgba(0, 0, 0, 0.1), transparent 10%),linear-gradient(5deg, rgba(0, 0, 0, 0.1), transparent 10%),linear-gradient(-265deg, hsla(0, 0%, 0%, 0.1), transparent 10%),linear-gradient(-5deg, hsla(0, 0%, 0%, 0.1), transparent 15%),linear-gradient(266deg, hsla(0, 0%, 0%, 0.1), transparent 10%);background-size:50% 100%,100% 33.3333%,100% 33.3333%,50% 33.3333%,50% 33.3333%,50% 33.3333%,50% 33.3333%,50% 33.3333%,50% 33.3333%,50% 33.3333%;background-position:right top,left center,left bottom,left top,left top,right top,left center,right center,right center,left bottom}.inner{max-height:calc(100vh - 200px);overflow-y:auto;padding:9px;border:1px solid gray;border-color:#636363 #b8b8b8 #b8b8b8 #636363}.inner::-webkit-scrollbar{background:#969696;width:20px;-webkit-appearance:none;-webkit-box-shadow:inset 1px 1px 1px #7d7d7d}.inner::-webkit-scrollbar-thumb{background:#b8b8b8;-webkit-box-shadow:inset 1px 1px 1px #ebebeb,1px 1px 1px #444}.wndw{position:relative;border-radius:var(--radius);background:#999;border:1px solid;border-color:var(--c-title) #000 #000 var(--c-title);box-shadow:0 4px 4px 0 rgba(0,0,0,.2),0 16px 16px 0 rgba(0,0,0,.2);outline:1px solid rgba(0,0,0,.3);outline-offset:-3px;min-height:30px}.wndw .inner{margin:10px;outline:1px solid #b3b3b3;border:1px solid;background:#b3b3b3;border-color:#666 #c7c7c7 #c7c7c7 #666;padding:1.3333333333rem}.btn{background:#999;color:var(--c-title);cursor:pointer;border:1px solid;border-color:#c2c2c2 #636363 #636363 #c2c2c2;filter:drop-shadow(1px 1px 0 #cccccc);position:relative;z-index:15;display:flex;justify-content:center;align-items:center;white-space:nowrap;height:24px}[id^=close]{margin:1px 1px 1px 2px;color:var(--c-title)}[id^=close] svg{width:16px;height:auto;fill:#000;margin-left:9px;display:none}[id^=close] svg#svgClose{transform:rotate(45deg)}[id^=close]:after{content:"Close window";margin:0;padding:0 8px;transition:.4s all ease-in;max-width:90%;position:absolute;top:2px;left:50%;transform:translateX(-50%);font-size:.5rem;line-height:1;height:.9rem;display:flex;justify-content:center;align-items:center;font-variation-settings:"wght" 700;text-transform:uppercase;letter-spacing:1px;color:#fff}.inUp{animation-name:inUp;animation-duration:.2s;animation-fill-mode:both;animation-iteration-count:1}@keyframes inUp{0%{transform:translateY(-30px) scale(0.1);opacity:.7}80%{transform:translateY(0px) scale(0.99);opacity:.7}100%{transform:scale(1);opacity:1;display:block}}.outUp{display:none}.info{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(3, auto);align-items:stretch;letter-spacing:.02em}.info .sticker{padding:.7rem .8rem .7rem;display:inline-block;border-radius:0 !important;color:#000}.info ol,.info h2{margin:0;padding:0}.info a{color:currentColor}.info>div{border:solid rgba(102,102,102,.6)}.info>div:nth-of-type(odd){padding:12px 20px 12px 0;border-width:1px 1px 0 0}.info>div:nth-of-type(even){padding:12px 20px;border-width:1px 0 0 0}.info>div:nth-of-type(1),.info>div:nth-of-type(2){border-top-width:0}.sticker{padding:.7rem .8rem;display:inline-block;transform:rotate(-2deg) translateX(-6px);background:var(--c-sticker);box-shadow:0 1px 0 rgba(84,84,84,.3);backface-visibility:hidden}.sticker::after,.sticker::before{content:"";position:absolute;bottom:0;top:0;background-size:5px 5px;width:5px;filter:drop-shadow(0 1px 0 hsla(0, 0%, 33%, 0.2))}.sticker::after{background-image:linear-gradient(45deg, transparent 50%, var(--c-sticker) 50%),linear-gradient(-45deg, transparent 50%, var(--c-sticker) 50%);background-position:0 100%;left:-5px}.sticker::before{background-image:linear-gradient(135deg, transparent 50%, var(--c-sticker) 50%),linear-gradient(-135deg, transparent 50%, var(--c-sticker) 50%);background-position:100% 100%;right:-5px}#pluggie,#work,#logo{z-index:3;position:relative}tooltip{position:relative;cursor:help;border-bottom:1px dotted currentColor;z-index:999}tooltip::before,tooltip::after{position:absolute;z-index:9999;pointer-events:none;transition:all .1s ease-in-out;opacity:0}tooltip::before{content:"";width:0;height:0;top:calc(100% - 4px);left:calc(50% - 5px);border:5px solid;border-color:currentColor rgba(0,0,0,0) rgba(0,0,0,0)}tooltip::after{content:attr(aria-label);border:1px solid var(--c-title);background:#999;color:var(--c-title);padding:4px 9px;white-space:nowrap;font-size:.6rem;top:calc(100% + 6px);right:0}tooltip:hover::before,tooltip:hover::after{opacity:1}#footer{position:fixed;bottom:9px;left:0;right:9px;font-size:.9em;line-height:1.3;text-align:right;color:#b3b3b3;z-index:9}.beforeAfter{display:grid;place-content:center;position:relative;--position: 50%}.slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.image-before{position:absolute;inset:0;width:var(--position)}.slider{position:absolute;inset:0;cursor:pointer;opacity:0;width:100%;height:100%}.slider:focus-visible~.slider-button{outline:5px solid #000;outline-offset:3px}.slider-line{position:absolute;inset:0;width:.2rem;height:100%;background-color:#fff;left:var(--position);transform:translateX(-50%);pointer-events:none}.slider-button{position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%, -50%);pointer-events:none;box-shadow:1px 1px 1px rgba(8,3,3,.5)}.dots{background:linear-gradient(90deg, hsl(57, 70%, 97%) 10px, transparent 1%) center,linear-gradient(hsl(57, 70%, 97%) 10px, transparent 1%) center,#999;background-size:11px 11px;color:#002d6b;box-shadow:0 2px 3px rgba(0,0,0,.3)}.dots .info>div{border-color:#002d6b}figure{margin:0 auto;padding:2rem 0}figure img{box-shadow:0 2px 3px rgba(0,0,0,.3);position:relative;z-index:3}figure figcaption{font-weight:bold;display:inline-block;background:#666;border-radius:0 0 3px 3px;padding:3px 9px}@media(max-width: 768px){html{font-size:18px}.span2{grid-column:span 1}}