.spark{width:.5vmax;height:.5vmax;background-color:#0f0;position:absolute;z-index:500;pointer-events:none;animation:sparkAnimation 2s linear forwards}@keyframes sparkAnimation{0%{background-color:#0f0;opacity:1;transform:translate(0)}50%{background-color:#2e42ff}to{opacity:0;transform:translate(var(--x),var(--y))}}.hero[data-astro-cid-y3soregm]{height:100vh;display:flex;overflow:hidden;width:100%;position:fixed;inset:0}.am-container-section[data-astro-cid-5wnvluim]{min-height:100vh;display:flex;flex-wrap:wrap;place-content:center;overflow:hidden}:root{--color-blue: #154084;--color-red: #9d2719;--color-yellow: #d7b418;--color-white: #fff3e7;--color-black: #222222;--box-size: 200px;font-family:Russo One,sans-serif;color:var(--color-text);background-color:var(--color-black)}#print_container[data-astro-cid-5wnvluim]{padding:1vmax;background-color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;gap:12px;zoom:.7;@media (width >= 2220px){zoom:1}@media (width >= 4000px){zoom:2}@media (width <= 1025px) and (orientation: landscape){zoom:.4}@media (width <= 1111px) and (orientation: portrait){zoom:.3}@media (width <= 550px) and (orientation: landscape){zoom:.2}}.title_container[data-astro-cid-5wnvluim]{display:flex;justify-content:space-between;align-items:end}.title[data-astro-cid-5wnvluim]{font-size:5rem;line-height:5rem;font-weight:600;letter-spacing:-2px;color:var(--color-black);margin:0}.color_pallet[data-astro-cid-5wnvluim]{display:flex}.color_pallet[data-astro-cid-5wnvluim] div[data-astro-cid-5wnvluim]{width:20px;height:20px}.color_pallet[data-astro-cid-5wnvluim] .blue[data-astro-cid-5wnvluim]{background-color:var(--color-blue)}.color_pallet[data-astro-cid-5wnvluim] .red[data-astro-cid-5wnvluim]{background-color:var(--color-red)}.color_pallet[data-astro-cid-5wnvluim] .yellow[data-astro-cid-5wnvluim]{background-color:var(--color-yellow)}.color_pallet[data-astro-cid-5wnvluim] .black[data-astro-cid-5wnvluim]{background-color:var(--color-black)}#grid_container[data-astro-cid-5wnvluim]{position:relative;width:calc(var(--box-size) * 5);height:calc(var(--box-size) * 4)}.cell[data-astro-cid-5wnvluim]{position:absolute;pointer-events:none}.box[data-astro-cid-5wnvluim]{opacity:0;position:absolute;top:0;left:0;width:var(--box-size);height:var(--box-size);line-height:var(--box-size);cursor:pointer;overflow:hidden;.am-img-project{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}.box-content[data-astro-cid-5wnvluim]{height:100%;background-color:#fff}section[data-astro-cid-bbe6dxrz]{height:100vh;position:relative}svg[data-astro-cid-bbe6dxrz]{position:absolute;width:100%;height:100%}@keyframes show{0%{opacity:0}to{opacity:1}}.demo--text[data-astro-cid-bbe6dxrz]{font-family:Russo One!important;font-size:6vmax;animation:show 1s ease-in-out both;animation-delay:4.1s;@media (width <= 1111px) and (orientation: portrait){zoom:.6}}.am-gsap-logo[data-astro-cid-bbe6dxrz]{position:absolute;object-fit:contain;width:20vmax;height:20vmax;z-index:30;bottom:0;left:50%;top:50%;transform:translate(-50%,-50%);animation:appear 2s ease-in-out both alternate 2}@keyframes appear{0%{clip-path:circle(0vmax at 0% 0%)}to{clip-path:circle(50vmax at 100% 100%)}}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]{fill:#7fff00;animation:anim-cells 20s infinite linear}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(1){animation-delay:-1.53846s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(2){animation-delay:-3.07692s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(3){animation-delay:-4.61538s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(4){animation-delay:-6.15385s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(5){animation-delay:-7.69231s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(6){animation-delay:-9.23077s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(7){animation-delay:-10.76923s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(8){animation-delay:-12.30769s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(9){animation-delay:-13.84615s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(10){animation-delay:-15.38462s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(11){animation-delay:-16.92308s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(12){animation-delay:-18.46154s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(13){animation-delay:-20s}.g-anim-cells[data-astro-cid-bbe6dxrz] rect[data-astro-cid-bbe6dxrz]:nth-child(14){animation-delay:-21.53846s}@keyframes anim-cells{0%{fill:#9acd32}7.6923%{fill:#ff1493}15.3846%{fill:#4169e1}23.0769%{fill:gold}30.7692%{fill:#ff4500}38.4615%{fill:#0f0}46.1538%{fill:#2e42ff}53.8462%{fill:orange}61.5385%{fill:#9400d3}69.2308%{fill:#87ceeb}76.9231%{fill:#f0f}84.6154%{fill:#7b68ee}92.3077%{fill:#0f0}to{fill:tomato}}:root{--gradient: linear-gradient(to bottom, #0f0, #00f)}@font-face{font-family:AnotherDanger;src:url(/20-projects-with-gsap/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Russo One;font-style:normal;font-weight:400;src:url(/20-projects-with-gsap/assets/russo.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}a,button,img{-webkit-tap-highlight-color:transparent;user-select:none}button{background-color:transparent;border:none;outline:none}body{min-height:100vh;width:100%;flex-direction:column;overflow-x:hidden;background-color:#000}h1,h2,h3,h4,h5{font-family:AnotherDanger}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}