*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@use "sass:color"{}.transitions *,.transitions *::before,.transitions *::after{transition:all 0.5s}:root{--lm-body-background: #FFF;--lm-embed-background: darken(#FFF, 2%);--lm-text-color: #222;--lm-subtext-color: #666;--lm-link-color: #0000FF;--lm-border-color: var(--lm-text-color);--lm-button-color: #FFF;--lm-button-background: darken(#35c0ff, 20%);--lm-gradient-start: #00ffff;--lm-gradient-end: #ff00ff;--dm-body-background: #090009;--dm-embed-background: color.lighten(#090909, 3%);--dm-text-color: #DDD;--dm-subtext-color: #AAA;--dm-link-color: #9267C6;--dm-link-visited-color: color.lighten(#9267c6, 20%);--dm-border-color: #304251;--dm-button-color: #FFF;--dm-button-background: color.darken(#35c0ff, 20%);--dm-gradient-start: #c9f;--dm-gradient-end: #462a67}.light-theme{--body-background: var(--lm-body-background);--embed-background: var(--lm-embed-background);--text-color: var(--lm-text-color);--subtext-color: var(--lm-subtext-color);--link-color: var(--lm-link-color);--link-visited-color: var(--lm-link-visited-color);--border-color: var(--lm-border-color);--button-color: var(--lm-button-color);--button-background: var(--lm-button-background);--gradient-start: var(--lm-gradient-start);--gradient-end: var(--lm-gradient-end)}.dark-theme{--body-background: var(--dm-body-background);--embed-background: var(--dm-embed-background);--text-color: var(--dm-text-color);--subtext-color: var(--dm-subtext-color);--link-color: var(--dm-link-color);--link-visited-color: var(--dm-link-visited-color);--border-color: var(--dm-border-color);--button-color: var(--dm-button-color);--button-background: var(--dm-button-background);--gradient-start: var(--dm-gradient-start);--gradient-end: var(--dm-gradient-end)}@media (prefers-color-scheme: dark),(prefers-color-scheme: no-preference){body{--body-background: var(--dm-body-background);--embed-background: var(--dm-embed-background);--text-color: var(--dm-text-color);--subtext-color: var(--dm-subtext-color);--link-color: var(--dm-link-color);--link-visited-color: var(--dm-link-visited-color);--border-color: var(--dm-border-color);--button-color: var(--dm-button-color);--button-background: var(--dm-button-background);--gradient-start: var(--dm-gradient-start);--gradient-end: var(--dm-gradient-end)}}@media (prefers-color-scheme: light){body{--body-background: var(--lm-body-background);--embed-background: var(--lm-embed-background);--text-color: var(--lm-text-color);--subtext-color: var(--lm-subtext-color);--link-color: var(--lm-link-color);--link-visited-color: var(--lm-link-visited-color);--border-color: var(--lm-border-color);--button-color: var(--lm-button-color);--button-background: var(--lm-button-background);--gradient-start: var(--lm-gradient-start);--gradient-end: var(--lm-gradient-end)}}body{background:var(--body-background);color:var(--text-color)}.light-theme{--base00: #ffffff;--base01: #e0e0e0;--base02: #c5c8c6;--base03: #b4b7b4;--base04: #969896;--base05: #373b41;--base06: #282a2e;--base07: #1d1f21;--base08: #CC342B;--base09: #F96A38;--base0A: #FBA922;--base0B: #198844;--base0C: #3971ED;--base0D: #3971ED;--base0E: #A36AC7;--base0F: #3971ED}.dark-theme{--base00: #111111;--base01: #282828;--base02: #383838;--base03: #585858;--base04: #b8b8b8;--base05: #d8d8d8;--base06: #e8e8e8;--base07: #f8f8f8;--base08: #ab4642;--base09: #dc9656;--base0A: #f7ca88;--base0B: #a1b56c;--base0C: #86c1b9;--base0D: #7cafc2;--base0E: #ba8baf;--base0F: #a16946}@media (prefers-color-scheme: dark),(prefers-color-scheme: no-preference){body{--base00: #111111;--base01: #282828;--base02: #383838;--base03: #585858;--base04: #b8b8b8;--base05: #d8d8d8;--base06: #e8e8e8;--base07: #f8f8f8;--base08: #ab4642;--base09: #dc9656;--base0A: #f7ca88;--base0B: #a1b56c;--base0C: #86c1b9;--base0D: #7cafc2;--base0E: #ba8baf;--base0F: #a16946}}@media (prefers-color-scheme: light){body{--base00: #ffffff;--base01: #e0e0e0;--base02: #c5c8c6;--base03: #b4b7b4;--base04: #969896;--base05: #373b41;--base06: #282a2e;--base07: #1d1f21;--base08: #CC342B;--base09: #F96A38;--base0A: #FBA922;--base0B: #198844;--base0C: #3971ED;--base0D: #3971ED;--base0E: #A36AC7;--base0F: #3971ED}}.highlight{--code-background: var(--base00);--code-comment:    var(--base03);--code-foreground: var(--base05);--code-variable:   var(--base08);--code-constant:   var(--base09);--code-classes:    var(--base0A);--code-strings:    var(--base0B);--code-regex:      var(--base0C);--code-names:      var(--base0D);--code-keywords:   var(--base0E);background:var(--code-background)}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:var(--code-comment)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1,.highlight .ss,.highlight .dl{color:var(--code-strings)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--code-keywords)}.highlight .n,.highlight .vi,.highlight .vg,.highlight .vc,.highlight .nt{color:var(--code-variable)}.highlight .na,.highlight .nb,.highlight .nd,.highlight .ni,.highlight .ne,.highlight .nf,.highlight .nl,.highlight .nn,.highlight .nx{color:var(--code-names)}.highlight .nc{color:var(--code-classes)}.highlight .sr{color:var(--code-regex)}.highlight .o,.highlight .ow{color:var(--code-foreground)}.highlight .l,.highlight .ld,.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo,.highlight .no{color:var(--code-constant)}.highlight,blockquote,.box{position:relative}.highlight::before,blockquote::before,.box::before{content:'';background:repeating-linear-gradient(45deg, #462a67,#a865f8,#c9f, #462a67,#a865f8,#c9f, #462a67);background-repeat:none;position:absolute;animation:sliding-background-anim 5s linear infinite;background-size:800px 800px;top:-3px;bottom:-3px;left:-3px;right:-3px;width:calc(100% + (2 * $border-width));z-index:-1}@keyframes sliding-background-anim{0%{background-position:0px 0px}100%{background-position:0px -800px}}.pens-preview-list{list-style-type:none;display:grid;grid-template-columns:50% 50%}*,*::before,*::after{box-sizing:border-box}html{overflow-x:hidden}html,body{margin:0;min-height:100%;width:100%}body{max-width:100%;display:flex;flex:1;align-items:center;justify-content:center}body.transitions{transition:background 0.5s}.hero-image{max-width:100%;width:250px;margin:1em auto 2em;display:block}#theme-link,.logo{position:fixed;z-index:1000;top:0;text-decoration:none;padding:0.5rem 1rem;font-size:2rem}.logo{color:var(--text-color);left:0;margin:0 auto;font-weight:bold;transition:all 0.1s}.logo:hover{transform:scale(1.1) rotate(15deg)}#theme-link{right:0}.wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.wrapper .wrapped{padding:1em;margin-bottom:15rem;height:100%;width:100%}.site-header{padding:5rem 0;color:var(--subtext-color);max-width:50rem;margin:0 auto}.content{max-width:40rem;margin:0 auto}.site-footer{color:var(--subtext-color);position:absolute;bottom:5rem;width:100%}.site-footer .level-item{padding:0 1rem}.level{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style-type:none}.level-item,.level-left,.level-right{align-items:center;display:flex;flex-basis:auto;flex-shrink:0}.level-item{flex-grow:1;justify-content:center}.level-left{flex-grow:0;justify-content:flex-start}.level-right{flex-grow:0;justify-content:flex-end}iframe{background:black;width:100%;border:0;margin:0;padding:0}.box{margin:0 1em 1em;line-height:0}html{font-size:18px;--font-sans: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family: var(--font-sans)}body{font-family:var(--font-family);line-height:1.75;font-size:1rem}.preview.blog-post span,.preview.blog-post time,figcaption{color:var(--subtext-color);font-style:italic}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-top:1em;margin-bottom:0.5em;color:var(--text-color);line-height:1;display:block;width:100%;text-transform:uppercase}h1,h2{text-align:center;margin-left:auto;margin-right:auto;max-width:50rem;overflow-wrap:break-word;hyphens:auto}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}dt{font-weight:bold;font-size:1.6rem;margin-bottom:1rem}label{display:inline-block;font-weight:bold;margin-bottom:1em}header h2{margin-top:0}p,ol,ul,dd,figure{width:100%;font-size:1rem;padding:0 1rem 0.5rem;margin-bottom:1rem}p img,p video,figure img,figure video{position:relative;left:50%;transform:translateX(-50%);max-width:100vw}figcaption{text-align:center}ol{list-style-type:decimal}li{margin-bottom:0.5em}blockquote{margin:3em 0;padding:1em 1em 1em 3em}blockquote::before{width:1rem}cite{display:inline-block;width:100%;text-align:right}cite::before{display:inline-block;content:'\2014'}.tags{display:inline-block;width:auto;margin:0;padding:0}.tags li{display:inline;margin:0}.tag{background:var(--subtext-color);color:black;border-radius:calc(infinity * 1px);padding:0.25em 0.5em;margin:0 0.2em 0 0}.centered{text-align:center}.rigid{white-space:nowrap}.strike{text-decoration:line-through}hr{width:30%;text-align:center}pre,code{font-family:Fira Mono, Monaco, monospace;background:var(--embed-background);border-radius:4px;tab-size:4;-moz-tab-size:4;line-height:1.2;position:relative}code{padding:0 0.3rem;border:1px solid;border-image:linear-gradient(45deg, var(--gradient-start), var(--gradient-end)) 1;white-space:nowrap;color:white}code.language-shell::before{content:"$ ";color:var(--gradient-end)}pre{overflow-x:auto;overflow-y:hidden;padding:1rem;margin-bottom:2em}.highlight{margin:0 1em}pre code{border:0;padding:0;white-space:pre}.highlight span{vertical-align:text-top}.post-footer{margin-top:5rem}.post-footer ul{list-style-type:none}table{margin:0 auto}table thead{border-bottom:1px solid var(--border-color);font-weight:bold}table td{padding:0.2em 0.5em}.center{text-align:center}.amp{font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;font-size:0.75em;vertical-align:baseline;padding:0 0.5em;font-style:italic;font-weight:normal;position:relative;bottom:0.1em}.heart{color:red;vertical-align:baseline;display:inline-block;animation:heartbeat 1.5s ease-in infinite;position:relative;top:0.1em;font-style:normal;content:''}.homepage h1{font-size:12vw;font-size:calc(min(12vw, 98px));letter-spacing:-5px;margin-bottom:0;white-space:nowrap}.homepage h2{font-size:4vw;font-size:calc(min(4vw, 40px));letter-spacing:-2px;line-height:0.75}@keyframes heartbeat{0%,30%,100%{transform:scale(1)}15%,45%{transform:scale(1.35)}}@keyframes shifting-background{0%{background-position:0% 0%}100%{background-position:300% 300%}}input,textarea{background:var(--embed-background);border:1px solid var(--border-color);color:var(--text-color);padding:0.8em;display:block;width:100%;font-size:1rem;font-family:var(--font-family)}.input-group{margin-bottom:2rem}.file-input{background:var(--embed-background);border:1px solid var(--border-color);position:relative;width:100%;height:100%;margin-bottom:2em}.file-input label{font-weight:normal;text-transform:none;padding:0.8em;margin:0}.file-input input[type="file"]{position:absolute;top:0;bottom:0;z-index:1000;diplay:block;margin:0;opacity:0}.form-group{margin:0 auto;padding:0 1em 0.5em}button{background:var(--button-background);color:var(--button-color);display:inline-block;border:1px solid var(--border-color);padding:0.6em 1em 0.6em;cursor:pointer;font-size:1rem}::focus{outline:1px solid var(--link-color)}.row-2{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:3em}.col{grid-column:span 1;margin-bottom:3em}.col ul{padding-bottom:0}.col-inner{margin-bottom:0}.hidden{display:none}.copy-dummy{position:absolute;top:-10000px;left:-10000px}.img-to-load{filter:blur(10px)}.preview{list-style-type:none}.preview.blog-post{display:grid;grid-template-columns:13em auto auto;align-items:baseline}.preview.blog-post span,.preview.blog-post time{text-align:right;order:1;margin:0;white-space:nowrap}.preview.blog-post span{display:block;padding-right:1rem}.preview.blog-post a{order:2;margin:0}@media only screen and (max-width: 50em){.preview.blog-post{display:block}.preview.blog-post span{text-align:left}}.preview.pen{max-width:20em}.preview.pen img{width:100%}.preview.pen span{display:block;width:100%;line-height:1;padding:1em;margin-top:4px;background:black;color:white;text-align:center}

/*# sourceMappingURL=app.css.map */