@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Shrikhand&display=swap";@import"https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";._holder_1y3j7_1{display:flex;flex-direction:row;gap:2rem;margin-bottom:5rem}._contentHolder_1y3j7_8{margin:auto;padding:1rem;width:100vw}@media screen and (max-width: 800px){._contentHolder_1y3j7_8{margin:2rem 0 0;width:100%}}._container_11uzw_1{position:fixed;width:100vw;height:45px;background:#24012c;color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem 0 2rem;z-index:100}._title_11uzw_15{font-weight:500;font-size:1.25rem;letter-spacing:.025rem;color:#fff;font-style:italic}._zuubaDigital_11uzw_23{font-weight:200;font-size:1rem;letter-spacing:.125rem;color:#fff;font-style:italic}@media screen and (max-width: 800px){._container_11uzw_1{padding:0 .5rem 0 3.5rem}._title_11uzw_15{font-weight:500;font-size:1rem}._zuubaDigital_11uzw_23{font-size:.5rem}}._holder_aul29_1{position:relative;width:100%;display:flex;flex-direction:column;height:fit-content;font-size:1rem}._holder_aul29_1:hover{background-color:#ffa5ff33}._buttonContents_aul29_13{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}._subholder_aul29_20{position:relative;margin-left:2rem;display:flex;flex-direction:column}._link_aul29_27{color:#000;text-decoration:none;padding:0 .125rem}._link_aul29_27:hover{background-color:#ffa5ff33}._activeLink_aul29_36{font-weight:600}._buttonNumber_aul29_40{font-weight:600;margin-right:.5rem;color:#24012c}._iconHolder_aul29_46{height:1rem}._desktopContainer_1k3m8_1{position:fixed;display:flex;flex-direction:column;justify-content:right;gap:.2rem;width:fit-content;padding:1rem 0 0;margin:3rem 0 0 0rem}@media screen and (max-width: 800px){._desktopContainer_1k3m8_1{display:none}}._hamburgerHolder_1k3m8_17{position:fixed;top:0;left:0;z-index:1000;width:2.5rem;height:2.5rem;margin:.25rem;color:#fff}._hamburgerHolder_1k3m8_17 svg{border:none}._mobileNavHolder_1k3m8_32{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}._container_1k3m8_41{position:absolute;top:0;left:0;width:100%;height:100%}._bg_1k3m8_49{position:absolute;top:0;left:0;width:100%;height:100%;background:#27002b66}._mobileButtonContainer_1k3m8_58{position:absolute;display:flex;flex-direction:column;justify-content:right;gap:.2rem;width:275px;height:100%;padding:4rem 0 0 1rem;margin:0;background:#fdf3ff;border-right:4px solid rgba(32,0,37,.3)}@media screen and (min-width: 801px){._mobileNavHolder_1k3m8_32,._hamburgerHolder_1k3m8_17{display:none}}._holder_1l5q2_1{display:flex;flex-direction:row;justify-content:center;width:100%;margin-top:3rem;gap:1rem}._holder_1gp9x_1{display:flex;flex-direction:row;gap:2rem;margin-bottom:5rem}._contentHolder_1gp9x_8{position:relative;margin:2rem 1rem 1rem;padding:1rem;width:clamp(400px,90% - 250px,900px);margin-left:250px}@media screen and (max-width: 800px){._contentHolder_1gp9x_8{margin:2rem 0 0;width:100%}}._svgHolder_ni3a9_1{position:fixed;opacity:1;top:0;left:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;-moz-user-select:none;pointer-events:none;z-index:-100;background-color:#24012c}._svgHolder_ni3a9_1>svg{width:100%;max-width:100%;border:none}._particleHolder_oz6ku_1{z-index:-100}._subheading_oz6ku_5{font-size:1.5rem;margin:1rem 0;opacity:.8}@media screen and (max-width: 800px){._subheading_oz6ku_5{font-size:1.25rem;margin:1rem 0 2rem}}._main_oz6ku_18{font-size:1.5rem}._list_oz6ku_22 li{list-style-type:circle;list-style-position:outside;font-size:1.5rem}._holder_oz6ku_28{height:calc(100vh - 100px);width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}._holder_jppwq_1{margin:1rem 0}._title_jppwq_5{font-weight:600}._caption_jppwq_9{font-size:.8rem}._translateFirst_1h9gx_1{fill:#00f;transform:translate(200px,100px) rotate(15deg)}._rotateFirst_1h9gx_6{fill:red;transform:rotate(15deg) translate(200px,100px)}._circle_2p74m_1{fill:orange;stroke:#000;stroke-width:1;transition-property:stroke-width fill;transition-duration:.33s;transition-timing-function:linear;transition-delay:0}._circle_2p74m_1:hover{stroke-width:10;fill:red}._strokeDash_2p74m_16{fill:"orange";stroke:#000;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:none}._strokeDashHover_2p74m_25{fill:"orange";stroke:#000;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:none;transition-property:stroke-dashoffset;transition-duration:.33s;transition-timing-function:linear;transition-delay:0}._strokeDashHover_2p74m_25:hover{stroke-dashoffset:0}._s_2p74m_16{stroke:#fff;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:0}._v_2p74m_55{stroke:#fff;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:.5s}._g_2p74m_68{stroke:#fff;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:1s}._letter_2p74m_81:hover>:is(._s_2p74m_16,._v_2p74m_55,._g_2p74m_68){fill-opacity:1;stroke-width:5;stroke-dashoffset:0}._geoPropAnimation_2p74m_87{cx:250px;cy:250px;r:150px;transition-property:all;transition-duration:.33s}._geoPropAnimation_2p74m_87:hover{r:200px;cy:225px}@keyframes _zoom_2p74m_120{0%{fill:red;cx:250px;cy:125px}33%{cx:375px;cy:375px}66%{cx:125px;cy:375px}to{fill:#00f;cx:250px;cy:125px}}._zoomCircle_2p74m_120{cx:250px;cy:125px;animation-name:_zoom_2p74m_120;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}._balloon_2p74m_130{animation-name:_float_2p74m_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}._balloonEase_2p74m_138{animation-name:_float_2p74m_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate}._clouds_2p74m_146{animation-name:_stream_2p74m_1;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes _stream_2p74m_1{0%{transform:translate(0)}to{transform:translate(-500px)}}@keyframes _float_2p74m_1{0%{transform:translate(175px,200px) scale(2)}to{transform:translate(175px,50px) scale(2)}}._exampleImage_2p74m_169{width:300px;height:300px}@keyframes _backAndForth_2p74m_1{0%{cy:280}to{cy:20}}._exampleAnimation_2p74m_182{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeIn_2p74m_191{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in}._easeOut_2p74m_200{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-out}._easeInOut_2p74m_209{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in-out}._easeLinear_2p74m_218{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeCustom_2p74m_227{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:cubic-bezier(.13,.74,0,1)}._on_2p74m_236{stroke-dashoffset:0}._off_2p74m_240{stroke-dashoffset:-100}@keyframes _drawLetter_2p74m_1{0%{stroke-dashoffset:-100}to{stroke-dashoffset:0}}@keyframes _grow_1g9rp_1{0%{transform:scale(1)}to{transform:scale(2.5)}}._animDir_normal_1g9rp_9{animation-name:_grow_1g9rp_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:normal}._animDir_reverse_1g9rp_19{animation-name:_grow_1g9rp_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:reverse}._animDir_alternate_1g9rp_29{animation-name:_grow_1g9rp_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:alternate}._animDir_alternate_reverse_1g9rp_39{animation-name:_grow_1g9rp_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:alternate-reverse}._fillStuffContainer_1g9rp_49{display:flex;flex-direction:column;width:fit-content}@keyframes _growAndFill_1g9rp_1{0%{transform:scale(2);fill:red}to{transform:scale(4);fill:#00f}}._animFill_hold_1g9rp_65{transform:scale(1);fill:#d3d3d3}._animFill_none_1g9rp_70{animation-name:_growAndFill_1g9rp_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:none}._animFill_forwards_1g9rp_82{animation-name:_growAndFill_1g9rp_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:forwards}._animFill_backwards_1g9rp_94{animation-name:_growAndFill_1g9rp_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:backwards}._animFill_both_1g9rp_106{animation-name:_growAndFill_1g9rp_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:both}._imageHolder_1t7hn_1{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}._image_1t7hn_1{width:300px;height:300px;border:1px solid black}._squareStyle_1t7hn_14{fill:#6495ed;transform:rotate(0);transition:.5s ease-in-out}._spinStyleTransition_1t7hn_20{transform:rotate(360deg)}._spinStyleAnimation_1t7hn_24{animation-name:_spin_1t7hn_20;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes _spin_1t7hn_20{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._shrinkAnimation_1t7hn_39{animation-name:_shrink_1t7hn_39;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes _shrink_1t7hn_39{0%{transform:scale(1);fill:#6495ed}to{transform:scale(.5);fill:red}}._expandAnimation_1t7hn_56{animation-name:_expand_1t7hn_56;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes _expand_1t7hn_56{0%{transform:scale(.5);fill:red}to{transform:scale(1);fill:#6495ed}}._containerWithButton_1i69m_1{display:flex;flex-direction:column;width:fit-content;margin:2rem 0}._modalContainer_1i69m_8{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:500;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#0003}@keyframes _backAndForth_1xwbq_9{0%{cy:290}to{cy:10}}._backAndForthAnimation_1xwbq_9{animation-name:_backAndForth_1xwbq_9;animation-duration:2s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._fillStuffContainer_eourm_1{display:flex;flex-direction:column;width:fit-content}._holder_d199n_1{animation-name:_walk_d199n_1;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(8,jump-none)}@keyframes _walk_d199n_1{0%{transform:translate(0)}to{transform:translate(-1400px)}}._bounceHolderNoStep_d199n_16{animation-name:_bounceNoStep_d199n_1;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes _bounceNoStep_d199n_1{0%{transform:translate(0)}to{transform:translate(-300px)}}._bounceHolder_d199n_16{animation-name:_bounce_d199n_16;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(7,jump-none);animation-direction:alternate-reverse}@keyframes _bounce_d199n_16{0%{transform:translate(0)}to{transform:translate(-300px)}}._creative_coding_hs3sx_2{font-family:Roboto,serif;font-weight:400;font-size:30px;font-weight:300;letter-spacing:3px}._svgText_hs3sx_10{font-family:Bagel Fat One,serif}._letter_hs3sx_14{font-size:35px;fill:#fff;color:#fff}._playbackControls_hs3sx_20{width:500px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;border:none}._playback_hs3sx_20{padding:.5rem 1rem}.zuubaDigital{font-family:Roboto,serif;font-size:20px;font-weight:400;text-anchor:middle;dominant-baseline:middle;font-variant:small-caps}._svg_gdws1_1{border:1px solid black}*{font-family:IBM Plex Sans,sans-serif;font-weight:300;box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}#root{min-height:100vh}h1{font-family:Shrikhand,serif;font-size:5rem;margin:1rem 0;line-height:4rem;color:#34013f}h2{font-size:2rem;font-weight:400;margin:3rem 0 .5rem}h3{font-size:1.5rem;font-weight:500;margin:2rem 0 .5rem}p{font-size:1.25rem;margin:0 0 1rem}ol{list-style:number inside;margin-left:1rem}ul{list-style:circle inside;list-style-type:" - ";margin-left:1.5rem}li{font-weight:300;font-size:1rem;padding:.1rem 0;list-style-type:circle;list-style-position:outside}ol li{font-weight:300;font-size:1rem;padding-left:.5rem;list-style-position:outside;list-style-type:decimal}strong{font-weight:500}img{margin-bottom:1.5rem;width:100%;height:auto;border:1px solid #eaeaea;border-radius:10px}svg{position:relative;border:1px solid #eaeaea;margin-bottom:1.5rem;width:100%;max-width:500px}svg text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}svg text::selection{background:none}span svg{margin:0;border:none;padding:none;margin-left:.5rem;height:1rem}pre{background-color:#eaeaea;margin:1rem 0;padding:1rem;font-family:monospace;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}hr{margin-top:1rem;border-top:1px solid #d3d2d2}code span{font-family:monospace;font-size:.9rem}video{margin:1.5rem 0;border:1px solid rgb(77,77,77)}@media screen and (max-width: 500px){h1{font-size:3rem;margin:1rem 0;line-height:2.5rem}h2{font-size:1.75rem;font-weight:400;margin:3rem 0 1rem}h3{font-size:1.25rem;font-weight:500;margin:2rem 0 .5rem}p{font-size:1rem;margin:0 0 1rem}}.codepenLink{color:#24012c;font-weight:200;text-decoration:none;border-bottom:1px solid rgb(36,1,44)}.codepenLink:after{position:relative;content:" >"}blockquote>p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;unicode-bidi:isolate;font-size:1rem}