pre code .line{display:block;min-height:1rem}@media (prefers-color-scheme:light){.get-started-gradient-border[data-v-ff49b321]{background:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#f7d14c,rgba(247,209,76,.6),hsla(0,0%,100%,.8),#f7d14c)}.gradient-border-examples[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#8deaff,rgba(141,234,255,.6),hsla(0,0%,100%,.8),#8deaff)}.gradient-border-documentation[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#00dc82,rgba(0,220,130,.6),hsla(0,0%,100%,.8),#00dc82)}}@media (prefers-color-scheme:dark){.get-started-gradient-border[data-v-ff49b321]{background:linear-gradient(90deg,#18181b,#18181b),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#f7d14c,#a38108,hsla(0,0%,100%,.3),#a38108)}.gradient-border-examples[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#8deaff,#008aa9,hsla(0,0%,100%,.3),#008aa9)}.gradient-border-documentation[data-v-ff49b321]{background:linear-gradient(var(--gradient-angle),#00dc82,#003f25,hsla(0,0%,100%,.2),#003f25)}}.get-started-gradient-border[data-v-ff49b321]{background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-color:transparent;border-radius:12px;border-width:1px}.get-started-gradient-border[data-v-ff49b321]:hover>:is(.get-started-gradient-left,.get-started-gradient-right){opacity:.2}.get-started-gradient-left[data-v-ff49b321],.get-started-gradient-right[data-v-ff49b321]{opacity:0}.gradient-border[data-v-ff49b321]{border-radius:12px;left:0;opacity:0;position:absolute;top:0;transform:translate(-1px,-1px);width:calc(100% + 2px);z-index:-1}.gradient-border-rect[data-v-ff49b321]{height:calc(100% + 2px)}@media (min-width:1024px){.gradient-border-rect[data-v-ff49b321]{height:calc(100% + 1px)}}.gradient-border-square[data-v-ff49b321]{height:calc(100% + 2px)}.modules-gradient-right[data-v-ff49b321]{opacity:0}.documentation-container:hover>.gradient-border[data-v-ff49b321],.examples-container:hover>.gradient-border[data-v-ff49b321],.modules-container:hover>.gradient-border[data-v-ff49b321]{animation:gradient-rotate 5s linear 0s infinite reverse;opacity:1;transition:all .3s linear}.examples-container:hover>.examples-gradient-right[data-v-ff49b321],.modules-container:hover>.modules-gradient-right[data-v-ff49b321]{opacity:.2}.examples-gradient-right[data-v-ff49b321]{opacity:0}.documentation-image-color-dark[data-v-ff49b321],.documentation-image-color-light[data-v-ff49b321],.examples-image-color-dark[data-v-ff49b321],.examples-image-color-light[data-v-ff49b321],.modules-image-color-dark[data-v-ff49b321],.modules-image-color-light[data-v-ff49b321]{display:none}@media (prefers-color-scheme:light){.modules-image-light[data-v-ff49b321]{display:block}.modules-container:hover>a>.modules-image-light[data-v-ff49b321],.modules-image-dark[data-v-ff49b321]{display:none}.examples-image-light[data-v-ff49b321],.modules-container:hover>a>.modules-image-color-light[data-v-ff49b321]{display:block}.examples-container:hover>a>.examples-image-light[data-v-ff49b321],.examples-image-dark[data-v-ff49b321]{display:none}.documentation-image-light[data-v-ff49b321],.examples-container:hover>a>.examples-image-color-light[data-v-ff49b321]{display:block}.documentation-container:hover>a>div>.documentation-image-light[data-v-ff49b321],.documentation-image-dark[data-v-ff49b321]{display:none}.documentation-container:hover>a>div>.documentation-image-color-light[data-v-ff49b321]{display:block}}@media (prefers-color-scheme:dark){.modules-image-dark[data-v-ff49b321]{display:block}.modules-image-light[data-v-ff49b321]{display:none}.modules-container:hover>a>.modules-image-color-dark[data-v-ff49b321]{display:block}.modules-container:hover>a>.modules-image-dark[data-v-ff49b321]{display:none}.examples-image-dark[data-v-ff49b321]{display:block}.examples-image-light[data-v-ff49b321]{display:none}.examples-container:hover>a>.examples-image-color-dark[data-v-ff49b321]{display:block}.examples-container:hover>a>.examples-image-dark[data-v-ff49b321]{display:none}.documentation-image-dark[data-v-ff49b321]{display:block}.documentation-image-light[data-v-ff49b321]{display:none}.documentation-container:hover>a>div>.documentation-image-color-dark[data-v-ff49b321]{display:block}.documentation-container:hover>a>div>.documentation-image-dark[data-v-ff49b321]{display:none}}.bg-white[data-v-ff49b321]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100[data-v-ff49b321]{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity))}.bg-gradient-to-r[data-v-ff49b321]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-l[data-v-ff49b321]{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-green-400[data-v-ff49b321]{--tw-gradient-from:rgba(55,233,144,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-blue-400[data-v-ff49b321]{--tw-gradient-from:rgba(56,189,248,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-yellow-400[data-v-ff49b321]{--tw-gradient-from:rgba(251,191,36,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.to-transparent[data-v-ff49b321]{--tw-gradient-to:transparent}.border-gray-200[data-v-ff49b321]{--tw-border-opacity:1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.hover\:border-transparent[data-v-ff49b321]:hover{border-color:transparent}.rounded-xl[data-v-ff49b321]{border-radius:.75rem}.rounded[data-v-ff49b321]{border-radius:.25rem}.border[data-v-ff49b321]{border-width:1px}.border-t[data-v-ff49b321]{border-top-width:1px}.flex[data-v-ff49b321]{display:flex}.grid[data-v-ff49b321]{display:grid}.hidden[data-v-ff49b321]{display:none}.flex-col[data-v-ff49b321]{flex-direction:column}.flex-col-reverse[data-v-ff49b321]{flex-direction:column-reverse}.place-content-center[data-v-ff49b321]{place-content:center}.items-center[data-v-ff49b321]{align-items:center}.justify-end[data-v-ff49b321]{justify-content:flex-end}.justify-center[data-v-ff49b321]{justify-content:center}.flex-1[data-v-ff49b321]{flex:1 1 0%}.order-last[data-v-ff49b321]{order:9999}.font-mono[data-v-ff49b321]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-semibold[data-v-ff49b321]{font-weight:600}.font-bold[data-v-ff49b321]{font-weight:700}.h-32[data-v-ff49b321]{height:8rem}.h-\[70px\][data-v-ff49b321]{height:70px}.text-4xl[data-v-ff49b321]{font-size:2.25rem;line-height:2.5rem}.text-xl[data-v-ff49b321]{font-size:1.25rem;line-height:1.75rem}.text-sm[data-v-ff49b321]{font-size:.875rem;line-height:1.25rem}.text-2xl[data-v-ff49b321]{font-size:1.5rem;line-height:2rem}.mx-auto[data-v-ff49b321]{margin-left:auto;margin-right:auto}.mb-2[data-v-ff49b321]{margin-bottom:.5rem}.max-w-\[960px\][data-v-ff49b321]{max-width:960px}.min-h-screen[data-v-ff49b321]{min-height:100vh}.p-1[data-v-ff49b321]{padding:.25rem}.px-4[data-v-ff49b321]{padding-left:1rem;padding-right:1rem}.py-14[data-v-ff49b321]{padding-bottom:3.5rem;padding-top:3.5rem}.py-6[data-v-ff49b321]{padding-bottom:1.5rem;padding-top:1.5rem}.px-5[data-v-ff49b321]{padding-left:1.25rem;padding-right:1.25rem}.pt-\[58px\][data-v-ff49b321]{padding-top:58px}.pb-6[data-v-ff49b321]{padding-bottom:1.5rem}.absolute[data-v-ff49b321]{position:absolute}.relative[data-v-ff49b321]{position:relative}.inset-y-0[data-v-ff49b321]{bottom:0;top:0}.inset-x-0[data-v-ff49b321]{left:0;right:0}.left-0[data-v-ff49b321]{left:0}.right-0[data-v-ff49b321]{right:0}.-top-\[58px\][data-v-ff49b321]{top:-58px}.-top-3[data-v-ff49b321]{top:-.75rem}.focus-visible\:ring-2[data-v-ff49b321]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.text-center[data-v-ff49b321]{text-align:center}.text-black[data-v-ff49b321]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-700[data-v-ff49b321]{--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity))}.hover\:text-black[data-v-ff49b321]:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-ff49b321]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-ff49b321]{width:100%}.w-\[20\%\][data-v-ff49b321]{width:20%}.z-10[data-v-ff49b321]{z-index:10}.z-1[data-v-ff49b321]{z-index:1}.gap-6[data-v-ff49b321]{grid-gap:1.5rem;gap:1.5rem}.gap-3[data-v-ff49b321]{grid-gap:.75rem;gap:.75rem}.gap-x-4[data-v-ff49b321]{grid-column-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-y-16[data-v-ff49b321]{grid-row-gap:4rem;-webkit-row-gap:4rem;-moz-row-gap:4rem;row-gap:4rem}.gap-y-4[data-v-ff49b321]{grid-row-gap:1rem;-webkit-row-gap:1rem;-moz-row-gap:1rem;row-gap:1rem}.gap-y-2[data-v-ff49b321]{grid-row-gap:.5rem;-webkit-row-gap:.5rem;-moz-row-gap:.5rem;row-gap:.5rem}.grid-cols-2[data-v-ff49b321]{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2[data-v-ff49b321]{-ms-grid-column-span:span 2/span 2;grid-column:span 2/span 2}.row-span-2[data-v-ff49b321]{-ms-grid-row-span:span 2/span 2;grid-row:span 2/span 2}.transition-opacity[data-v-ff49b321]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300[data-v-ff49b321]{transition-duration:.3s}@media (min-width:640px){.sm\:flex-row[data-v-ff49b321]{flex-direction:row}.sm\:justify-between[data-v-ff49b321]{justify-content:space-between}.sm\:h-34[data-v-ff49b321]{height:8.5rem}.sm\:text-base[data-v-ff49b321]{font-size:1rem;line-height:1.5rem}.sm\:text-5xl[data-v-ff49b321]{font-size:3rem;line-height:1}.sm\:min-h-\[220px\][data-v-ff49b321]{min-height:220px}.sm\:px-6[data-v-ff49b321]{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-28[data-v-ff49b321]{padding-left:7rem;padding-right:7rem}.sm\:col-span-1[data-v-ff49b321]{-ms-grid-column-span:span 1/span 1;grid-column:span 1/span 1}}@media (min-width:768px){.md\:min-h-\[180px\][data-v-ff49b321]{min-height:180px}}@media (min-width:1024px){.lg\:flex-col[data-v-ff49b321]{flex-direction:column}.lg\:order-none[data-v-ff49b321]{order:0}.lg\:min-h-min[data-v-ff49b321]{min-height:-moz-min-content;min-height:min-content}.lg\:py-7[data-v-ff49b321]{padding-bottom:1.75rem;padding-top:1.75rem}.lg\:px-8[data-v-ff49b321]{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-10[data-v-ff49b321]{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:col-span-10[data-v-ff49b321]{-ms-grid-column-span:span 10/span 10;grid-column:span 10/span 10}.lg\:col-span-6[data-v-ff49b321]{-ms-grid-column-span:span 6/span 6;grid-column:span 6/span 6}.lg\:col-span-4[data-v-ff49b321]{-ms-grid-column-span:span 4/span 4;grid-column:span 4/span 4}}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-ff49b321]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:bg-white\/10[data-v-ff49b321]{--tw-bg-opacity:.1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.dark\:bg-gray-900[data-v-ff49b321]{--tw-bg-opacity:1;background-color:rgba(24,24,27,var(--tw-bg-opacity))}.dark\:border-transparent[data-v-ff49b321]{border-color:transparent}.dark\:border-gray-900[data-v-ff49b321]{--tw-border-opacity:1;border-color:rgba(24,24,27,var(--tw-border-opacity))}.dark\:border-none[data-v-ff49b321]{border-style:none}.dark\:block[data-v-ff49b321]{display:block}.dark\:hidden[data-v-ff49b321]{display:none}.dark\:text-white[data-v-ff49b321]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.dark\:text-gray-300[data-v-ff49b321]{--tw-text-opacity:1;color:rgba(189,189,189,var(--tw-text-opacity))}.dark\:hover\:text-white[data-v-ff49b321]:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}@font-face{font-family:CJ2022;font-style:normal;font-weight:400;src:url(../fonts/CJ2022-Regular.woff) format("woff"),url(../fonts/CJ2022-Regular.otf) format("opentype")}@font-face{font-family:CJ2022-Bold;font-style:normal;font-weight:700;src:url(../fonts/CJ2022-Bold.woff) format("woff"),url(../fonts/CJ2022-Bold.otf) format("opentype")}:root{--c-black:#000;--c-gray:#aaa;--c-white:#fff;--c-white-alpha:hsla(0,0%,100%,.5);--c-blue:#004493;--c-blue-dark:#022348;--c-blue-darker:#021326;--c-blue-light:#1d70d0;--c-blue-flash:#6cddf5;--c-blue-heading:#3e91f2;--c-blue-nav:#55c2ff;--c-yellow:#fada68;--c-orange:#ffb36d;--c-pink:#f96ec6;--spacer-1:1rem;--spacer-2:calc(var(--spacer-1)*2);--spacer-3:calc(var(--spacer-1)*3);--spacer-4:calc(var(--spacer-1)*4);--radius-default:var(--spacer-4);--radius-btn:var(--spacer-4);--font-size:16px;--font-default:"CJ2022",sans-serif;--font-heading:"CJ2022-Bold",sans-serif;--color-background:var(--c-white);--color-background-grey:var(--c-gray);--color-heading:var(--c-black);--color-text:var(--c-black)}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}.grecaptcha-badge{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);font-family:var(--font-default);font-size:var(--font-size);letter-spacing:1px;margin:0;max-height:100vh;max-width:100vw;min-height:100vh;padding:0;text-rendering:optimizeLegibility}@media (max-width:600px){body{font-size:12px}}h1,h2,h3{font-family:var(--font-text);line-height:1}.h1,h1,h2,h3{font-size:var(--font-size)}h3{cursor:pointer}h4{line-height:2rem}h4,p{font-size:var(--font-size)}p{font-weight:300;line-height:1}blockquote{font-family:var(--font-text);font-size:2rem;letter-spacing:-.05rem;line-height:2.5rem}a,a:hover{color:var(--c-black);text-decoration:none}b{font-weight:700}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0}label{font-size:.8rem;margin:1.5rem 0 .5rem;width:100%}input,textarea{border:0;border-radius:4px;display:block;font-family:var(--font-default);font-size:var(--font-size);margin:.5rem 0;outline:0;padding:6px 10px;width:100%}input+.input-errors,textarea+.input-errors{color:var(--c-yellow);font-size:.8rem}strong{font-weight:700}.small{font-size:.8rem}@media (max-width:1180px){:root{--spacer-1:var(--font-size);--spacer-2:calc(var(--spacer-1)*1);--spacer-3:calc(var(--spacer-1)*2);--spacer-4:calc(var(--spacer-1)*3)}html{font-size:95%}.h1,h1{font-size:var(--font-size)}}@media (max-width:1000px){:root{--spacer-1:var(--font-size);--spacer-2:calc(var(--spacer-1)*1);--spacer-3:calc(var(--spacer-1)*1);--spacer-4:calc(var(--spacer-1)*2)}html{font-size:90%}.h1,h1,h3{font-size:var(--font-size)}}@media (max-width:767px){:root{--spacer-1:var(--font-size);--spacer-2:calc(var(--spacer-1)*1);--spacer-3:calc(var(--spacer-1)*1);--spacer-4:calc(var(--spacer-1)*2)}html{font-size:85%}p{font-size:1em;line-height:1}}ul{-webkit-padding-start:20px;padding-inline-start:20px}.link{cursor:pointer}.link,.link:hover{color:var(--c-gray)}.link.active,.link:hover.active{color:var(--c-black)}.media-container.long-image img,.no-drag{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}main{display:flex;min-height:100vh}svg .active{fill:var(--c-black)}.left{background-color:#ffffff8a;box-shadow:0 0 15px #0003;min-height:100vh;position:fixed;z-index:4}.left.open{animation:slide-left-in .4s cubic-bezier(.705,.385,.395,.845);background-color:#fff}.nav{height:450px;z-index:2}.nav .inner{display:none;margin:var(--spacer-1);max-width:450px}.nav .inner header{margin-bottom:10px}.nav .inner header .title{display:flex;justify-content:space-between;min-height:50px}.nav .inner header .title .contact{text-align:right}.content{display:flex;display:none;flex-direction:column;height:calc(100vh - 450px);overflow-y:scroll;padding:var(--spacer-1);top:450px;width:450px;z-index:1}.content p{line-height:1.3}.content-text{display:flex;flex-direction:column;height:98%;justify-content:space-between}.content div{max-width:450px}.main-container{height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.page-container{display:inline-block;height:100vh;scroll-snap-align:center}.page-container img{max-height:100vh}.media-container.long-image{-webkit-overflow-scrolling:touch;align-items:center;cursor:grab;display:flex;height:100vh;max-width:100vw;overflow-x:scroll;position:relative}.media-container.long-image img{margin:auto 0;max-height:100vh;pointer-events:none}.media-container.short-image{-webkit-overflow-scrolling:touch;align-items:center;display:flex;height:100vh;justify-content:center;overflow-x:scroll;position:relative;width:100vw}.media-container.short-image img{max-height:100vh;max-width:90vw}.media-container.carousel-container{-webkit-overflow-scrolling:touch;display:flex;flex-flow:row nowrap;height:100vh;overflow-x:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100vw}.media-container.carousel-container .carousel-img{align-items:center;display:flex;justify-content:center;min-height:100vh;min-width:100vw;position:relative;scroll-snap-align:center}.media-container.carousel-container .carousel-img .arrow{align-items:center;aspect-ratio:1/1;background-color:#03030399;border-radius:50%;color:#fff;display:flex;height:3rem;justify-content:center;position:absolute;top:50%;width:3rem}.media-container.carousel-container .carousel-img .arrow--next{right:50px}.media-container.carousel-container .carousel-img .arrow--prev{left:50px}.media-container.carousel-container img{max-height:100vh;max-width:100vw}.burger{cursor:pointer;height:35px;margin:11px 0 0 11px;opacity:1;width:35px;z-index:4}.burger *{background-color:#333;height:2px;position:fixed;width:25px}.burger .one{top:16px}.burger .two{top:26px}.burger .three{top:36px}.open .nav{width:450px}.open .nav .inner{display:block}.open .nav .projects__list{display:flex;flex-wrap:wrap;height:50%}.open .nav .projects__list h2{width:50%}.open .content{display:block}.open .burger{z-index:4}.open .burger .one{top:26px;transform:rotate(-45deg)}.open .burger .two{transform:rotate(45deg)}.open .burger .three{opacity:0}.open .burger *{border:none;height:2px}.pages{margin-top:1rem}.pages p:hover{font-weight:700}#overviews{width:100%}.overview{cursor:auto;flex-direction:row;flex-wrap:wrap;height:100vh;overflow-y:scroll;padding:2rem}.overview,.overview div{align-items:center;background-color:#fff;display:flex;justify-content:center}.overview div{flex-direction:column;height:34%;overflow:hidden;padding:2rem 0;text-align:center;width:33%}.overview div a{max-height:100%;max-width:100%}@media (max-width:991px){.overview div{height:unset;width:100%}}.overview img{aspect-ratio:16/9;border:none;cursor:pointer;margin-bottom:20px;max-height:100%;max-width:70vw;width:auto}.overview div:hover p{font-weight:700}.projects__list h2{margin:.5rem 0}.carousel{height:100vh;overflow:hidden;width:100vw}.carousel-container{position:relative}.carousel-slide{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.carousel-slide img{max-height:100vh;max-width:100vw;pointer-events:none}.carousel__selectors{animation:fadeIn .5s;display:flex;flex-direction:row;margin:1rem;padding:0 var(--spacer-xs);position:absolute;right:0;top:0;z-index:3}.carousel__selectors.hidden{display:none}.carousel__selector{cursor:pointer;height:2rem;margin-right:.5rem}.left-enter-active{animation:slide-right-in .8s cubic-bezier(.705,.385,.395,.845)}.left-leave-active{animation:slide-right-out .8s cubic-bezier(.705,.385,.395,.845)}.right-enter-active{animation:slide-left-in .8s cubic-bezier(.705,.385,.395,.845)}.right-leave-active{animation:slide-left-out .8s cubic-bezier(.705,.385,.395,.845)}@media (max-width:1180px){.content.open,.nav.open{width:300px}}@media (max-width:1000px){aside.open{left:0;width:100vw}.content,.nav{left:-100vw}.content .inner,.nav .inner{max-width:calc(100vw - 30px)}.content.open,.nav.open{left:0;width:100vw}.contact{margin-top:50px}}@media (max-width:450px){.nav .inner{max-width:calc(100vw - 30px)}.burger{opacity:1}.contact{margin-top:50px}}@keyframes slide-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-left-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-right-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-up-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-up-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}