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,em,img,ins,kbd,q,s,samp,small,strike,strong,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{vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*,:before,:after{box-sizing:border-box}html,input,button,select,option{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:500}code{font-size:.95em}a,a:visited{color:inherit}body{--foreground:#212529;--background:#fff;--muted:#adb5bd;--green:#35d0ba;--border-color:#212529;--active-background:#212529;--active-foreground:#fff;--border:2px solid var(--border-color);color:var(--foreground);background-color:var(--background)}body.dark-mode{--foreground:#fff;--background:#212529;--muted:#868e96;--border-color:#495057;--active-background:#343a40;--active-foreground:#fff}.Container{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.UnstyledButton{all:unset;cursor:pointer;width:100%;height:100%}.NavBar{--padding:16px;border-left:var(--border);border-right:var(--border);border-top:var(--border);grid-column:1;align-items:center;height:56px;display:flex}.NavBar>*{border-right:var(--border)}.NavBar svg{color:currentColor;will-change:transform}.NavBar-button{justify-content:center;align-items:center;width:56px;height:100%;display:flex}.NavBar-button.isActive{background-color:var(--active-background);color:var(--active-foreground);transition:all .5s cubic-bezier(.19,1,.22,1)}.NavBar-button:hover svg{transition:all .5s cubic-bezier(.19,1,.22,1);transform:scale(.98)}.NavBar-button a,.NavBar-button button{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.NavBar-button:last-child{border-right:none}.NavBar-flexSpace{flex-grow:1;height:100%}.Grid{border-left:var(--border);border-top:var(--border);grid-template-columns:repeat(12,1fr);display:grid}.Grid>*{border-right:var(--border);border-bottom:var(--border)}.Grid--ratio,.Grid--letterspacer,.Grid--about{grid-template-rows:repeat(12,1fr)}.Grid--easing{--colspan:2;grid-template-columns:repeat(var(--colspan), 1fr);grid-auto-rows:calc(100vw / var(--colspan));align-content:start;width:100%}@media (min-width:480px){.Grid--easing{--colspan:3}}@media (min-width:1280px){.Grid--easing{--colspan:4}}.HomePage-link{grid-column:1/-1;align-items:center;padding:16px;font-size:40px;text-decoration:none;display:flex}.HomePage-link:hover{background-color:var(--active-background);color:var(--active-foreground);transition:all .5s cubic-bezier(.19,1,.22,1)}@media (min-width:768px){.HomePage-link{padding:32px;font-size:80px}}.Easing{--dotSize:36px;--padding:16px;--columnWidth:calc(100vw / var(--colspan));--moveToEdge:calc(var(--columnWidth) - var(--dotSize) - (var(--padding) * 2));cursor:pointer}@media (min-width:480px){.Easing{--padding:32px}}.Easing button{appearance:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.Easing-inner{padding:var(--padding);height:100%}.Easing-header{justify-content:space-between;align-items:center;display:flex}.Easing-dot{background:var(--foreground);height:var(--dotSize);width:var(--dotSize);transition-property:all;transition-duration:.8s;transition-timing-function:var(--curve);animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--curve)}.Easing:hover .Easing-dot{animation-name:metronome}@keyframes metronome{0%{transform:translate(0)}45%,55%{transform:translateX(var(--moveToEdge))}90%,to{transform:translate(0)}}.Easing-footer{opacity:0;transition:all .5s cubic-bezier(.19,1,.22,1);transform:translateY(8px)}.Easing-footer.isShown{opacity:1;transform:translateY(0)}.Ratio-input{--padding:16px;padding:var(--padding);grid-area:span 4/span 12;grid-template-rows:min-content 1fr;display:grid}@media (min-width:480px){.Ratio-input{--padding:32px;grid-area:span 8/span 6}}.Ratio-input label{text-transform:capitalize;align-items:center;display:flex;position:relative}.Ratio-label:after{content:"";opacity:0;background:#35d0ba;border-radius:100%;width:8px;height:8px;margin-left:4px;transition:all .5s cubic-bezier(.19,1,.22,1);display:inline-block;position:absolute;top:calc(50% - 4px);transform:scale(.9)}.Ratio-input.isActive .Ratio-label:after{opacity:1;transform:scale(1)}.Ratio-input input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-family:inherit;font-size:75px}.Ratio-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.Ratio-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Ratio-input input::placeholder{color:var(--muted)}@media (min-width:768px){.Ratio-input input{font-size:120px}}.Ratio-button{background:var(--background);color:var(--foreground);cursor:pointer;border-top:none;border-left:none;grid-area:span 2/span 6;margin:0;padding:24px;font-family:inherit;font-size:32px;transition:all .25s}@media (min-width:480px){.Ratio-button{grid-area:span 4/span 3}}.Ratio-button:focus,.Ratio-button:active,.Ratio-button.isActive{border-color:var(--border-color);background:var(--active-background);color:var(--active-foreground);border-radius:0;outline:0}.LetterSpacer-label{font-size:20px}.LetterSpacer-input,.LetterSpacer-output{--padding:16px;padding:var(--padding);grid-area:span 6/span 12;grid-template-rows:min-content 1fr;display:grid}@media (min-width:480px){.LetterSpacer-input,.LetterSpacer-output{--padding:32px}}.LetterSpacer-input input,.LetterSpacer-output{width:100%;font-family:inherit;font-size:75px}:is(.LetterSpacer-input input,.LetterSpacer-output)::placeholder{color:var(--foreground)}.LetterSpacer-input input{color:var(--foreground);background:0 0;border:0;outline:0}.LetterSpacer-output{cursor:copy;position:relative}.LetterSpacer-output:before{content:attr(data-hover-text);background-color:var(--active-background);width:100%;height:100%;color:var(--active-foreground);text-align:center;pointer-events:none;opacity:0;place-items:center;font-size:40px;transition:opacity .5s cubic-bezier(.19,1,.22,1);display:grid;position:absolute;top:0;left:0}.LetterSpacer-output:hover:before{opacity:1}.About>*{flex-direction:column;grid-column:1/-1;padding:16px;display:flex}@media (min-width:768px){.About>*{justify-content:flex-end;padding:32px}}.About-blurb{height:100%;font-size:30px;line-height:1.5}.About-blurb>*{max-width:45ch}@media (min-width:480px){.About-blurb{grid-column:span 9}}.About-credits{height:100%;line-height:1.5}@media (min-width:768px){.About-credits{text-align:right;grid-column:span 3}}#carbonads{background-color:var(--background);z-index:100;max-width:330px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 1px 4px 1px #0000001a}body.dark-mode #carbonads{box-shadow:0 1px 8px #00000080}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{display:block;position:relative;overflow:hidden}#carbonads .carbon-wrap{display:flex}.carbon-img{margin:0;line-height:1;display:block}.carbon-img img{display:block}.carbon-text{text-align:left;padding:10px;font-size:13px;line-height:1.5}.carbon-poweredby{text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#f1f3f466 repeating-linear-gradient(-45deg,#0000,#0000 5px,#00000006 5px 10px);padding:8px 10px;font-size:9px;font-weight:600;line-height:1;display:block}