@font-face{font-family:Gordita-Bold;font-display:swap;src:url(./gordita-bold-BWyflaBO.woff2)format("woff2"),url(./gordita-bold-BkSRnJ8h.woff)format("woff"),url(./gordita-bold-BJteOZ1E.ttf)format("truetype")}@font-face{font-family:Gordita-Medium;font-display:swap;src:url(./gordita-medium-DPgkWGgD.woff2)format("woff2"),url(./gordita-medium-bnJbmRkg.woff)format("woff"),url(./gordita-medium-p7VJxR-4.ttf)format("truetype")}body{background-color:#222;height:100%;margin:0;padding:0}h1{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h2{color:#fff;opacity:.9;letter-spacing:-.02em;margin:0;padding:0;font-family:Gordita-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.4em;font-weight:800}h4{color:#fff;opacity:.4;margin-top:4px;margin-bottom:0;padding:0;font-family:Gordita-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9em;font-weight:500}h5{color:#fff;opacity:.4;margin-top:4px;margin-bottom:0;padding:0;font-family:Gordita-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8em;font-weight:500}h6{color:#fff;opacity:.3;margin-top:20px;margin-bottom:0;padding:0;font-family:Gordita-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8em;font-weight:100}p{color:#fff;opacity:.3;margin:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9em;font-weight:300}.content{text-align:center;margin-top:80px;margin-bottom:40px;display:block}.color-svg{color:#b500f1}.container{text-align:center;justify-items:center;display:grid}.blotter-container{text-align:center;margin-top:50px;margin-bottom:50px;display:inline-block}.morphing-demo{margin-top:50px;margin-bottom:50px}.svg-container{text-align:left;grid-template-columns:1fr 1fr 1fr;max-width:1100px;margin-top:25px;margin-bottom:25px;display:grid}canvas{background-color:#ffcdd1;border-radius:8px}.svg-demo{border-radius:8px;height:300px;margin:25px;padding:0;display:inline-block}.a{background-color:#00f}.b{background-color:#fee600}.c{background-color:#ff1515}.d{background-color:#fff}.f{background-color:#14037c}.g{background-color:#ffc803}.h{rotate:90;background-color:#000}.i{background-color:#fdffe1}.j{background-color:#f75497}.m{background-color:#0a00d6}.n{background-color:#fff}.alphabet-j-oval{mix-blend-mode:difference}.alphabet-j-left,.alphabet-j-right,.alphabet-j-oval{transform-origin:50% 55%}.v{background-color:#fe6436}.l{background-color:#73ffe7}.y{background-color:#ffcdd1}#svg-content-d,#svg-content-f,#svg-content-y{width:300px;height:300px;display:inline-block}.alphabet-fc{transform-origin:50%}#svg-content-h{width:300px;height:300px;display:inline-block}.z{background-color:#292929}.svg-path-a,.svg-path{transform-origin:50%}.svg-frame{border-radius:8px}.svg-b,.alphabet-f,.alphabet-g,.alphabet-gx,.alphabet-wa,.alphabet-wb,.alphabet-wc,.alphabet-wd{transform-origin:50%}footer{text-align:center;margin-bottom:80px}footer .icon-heart{vertical-align:-1px}#korean-c{transform-origin:50%}.scene{width:300px;height:300px;display:inline-block}.cube{width:200px;height:13px;transform-style:preserve-3d;margin-bottom:0;margin-left:50px;margin-right:50px;position:relative}.cube:first-child{margin-top:59px}.cube__face{width:200px;height:13px;line-height:200px;position:absolute}.k-a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAaCAYAAACZ4wrGAAAAAXNSR0IArs4c6QAAATlJREFUeAHt1cENwkAUQ0FIUVREWVREUSERNbybZwuw9MfS+nm+X79H+I7PN0wTRYAAAQKVwP3fV1H/nCNNE0aAAAECMwIGZKZqhxIgQKAVMCCtpzQCBAjMCBiQmaodSoAAgVbAgLSe0ggQIDAjYEBmqnYoAQIEWgED0npKI0CAwIyAAZmp2qEECBBoBQxI6ymNAAECMwIGZKZqhxIgQKAVMCCtpzQCBAjMCBiQmaodSoAAgVbAgLSe0ggQIDAjYEBmqnYoAQIEWgED0npKI0CAwIyAAZmp2qEECBBoBQxI6ymNAAECMwIGZKZqhxIgQKAVMCCtpzQCBAjMCBiQmaodSoAAgVbAgLSe0ggQIDAjYEBmqnYoAQIEWgED0npKI0CAwIyAAZmp2qEECBBoBQxI6ymNAAECMwIXU1wFy8PpS7kAAAAASUVORK5CYII=);background-size:contain}.k-b{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAaCAYAAACZ4wrGAAAAAXNSR0IArs4c6QAAATZJREFUeAHt1bsNwgAUBEFwUVREWVREUXwacLKBkxuHWCdLoyf2/nk+vjcPAQIELhA4Xu8LvuITZwL///uzV+n3I62MCBAgQGBeQEDmTwAAAQIEmoCANDcrAgQIzAsIyPwJACBAgEATEJDmZkWAAIF5AQGZPwEABAgQaAIC0tysCBAgMC8gIPMnAIAAAQJNQECamxUBAgTmBQRk/gQAECBAoAkISHOzIkCAwLyAgMyfAAACBAg0AQFpblYECBCYFxCQ+RMAQIAAgSYgIM3NigABAvMCAjJ/AgAIECDQBASkuVkRIEBgXkBA5k8AAAECBJqAgDQ3KwIECMwLCMj8CQAgQIBAExCQ5mZFgACBeQEBmT8BAAQIEGgCAtLcrAgQIDAvICDzJwCAAAECTUBAmpsVAQIE5gV+hgIFy/iUQG4AAAAASUVORK5CYII=);background-size:contain}.cube__face--front{transform:rotateY(0)translateZ(100px)}.cube__face--left{transform:rotateY(-90deg)translateZ(100px)}.empty{width:300px;height:300px;display:inline-block}.path-m-left{animation:10s linear infinite alternate-reverse dash}.path-m-right{animation:10s linear infinite alternate dash}.left-1{stroke-dasharray:36 99;stroke-linecap:square}.left-2{stroke-dasharray:36 179;stroke-linecap:square}.left-3{stroke-dasharray:36 404;stroke-linecap:square}.right-1{stroke-dasharray:36 139;stroke-linecap:square}.right-2{stroke-dasharray:36 364;stroke-linecap:square}.right-3{stroke-dasharray:36 444;stroke-linecap:square}@keyframes dash{to{stroke-dashoffset:1000px}}#alphabet-i{transform-origin:50%;border-radius:8px}#alphabet-i-5{transform-origin:50%}#alphabet-i-4,#alphabet-i-3{transform-origin:40% 60%}#alphabet-i-2{transform-origin:75% 24%}#alphabet-i-6{transform-origin:80% 80%}#alphabet-i-1{transform-origin:40% 24%}#alphabet-n,#alphabet-l{width:300px;height:300px;display:inline-block}@media only screen and (width<=1058px){.svg-container{text-align:center;grid-template-columns:1fr 1fr}.content{margin-top:60px;margin-bottom:0}}@media only screen and (width<=720px){.svg-container{grid-template-columns:1fr}}a:link,a:visited{color:#fff;text-decoration:none}a:hover{color:#fff;opacity:.4;text-decoration:none}a:active{color:#fff;text-decoration:none}