body{margin:0;padding:0;background-color:var(--main);color:var(--main-font-color);overflow-y:scroll;height:100vh}html{overflow-y:auto;height:100%}header[data-astro-cid-pjor73id]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--main)}.menu-toggle[data-astro-cid-pjor73id]{display:none;position:fixed;top:90px;left:1rem;z-index:101;background-color:var(--accent);border:none;border-radius:8px;width:50px;height:50px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.menu-toggle[data-astro-cid-pjor73id] span[data-astro-cid-pjor73id]{display:block;width:25px;height:3px;background-color:var(--main);border-radius:2px;transition:all .3s ease}.menu-toggle[data-astro-cid-pjor73id].active span[data-astro-cid-pjor73id]:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle[data-astro-cid-pjor73id].active span[data-astro-cid-pjor73id]:nth-child(2){opacity:0}.menu-toggle[data-astro-cid-pjor73id].active span[data-astro-cid-pjor73id]:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.sketch-nav[data-astro-cid-pjor73id]{position:fixed;right:0;top:80px;width:40px;height:calc(100vh - 80px);background-color:#293d33f2;backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);z-index:100;overflow-y:auto;transition:width .3s ease}.sketch-nav[data-astro-cid-pjor73id]:hover{width:60px}.nav-content[data-astro-cid-pjor73id]{padding:1rem .5rem}.nav-content[data-astro-cid-pjor73id] h3[data-astro-cid-pjor73id]{margin:0 0 1.5rem;color:var(--accent);font-size:1.2rem;font-weight:600}.sketch-list[data-astro-cid-pjor73id]{list-style:none;padding:0;margin:0}.sketch-list[data-astro-cid-pjor73id] li[data-astro-cid-pjor73id]{margin-bottom:1rem}.sketch-link[data-astro-cid-pjor73id]{color:var(--main-font-color);text-decoration:none;font-size:.75rem;display:block;padding:.4rem .3rem;border-radius:4px;transition:all .3s ease;text-align:center}.sketch-link[data-astro-cid-pjor73id]:hover{background-color:#ffffff1a;color:var(--accent)}.creations-main[data-astro-cid-pjor73id]{padding:80px 0 0;margin:0}.sketch-section[data-astro-cid-pjor73id]{height:100vh;width:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;position:relative}@media (min-width: 769px){.sketch-section[data-astro-cid-pjor73id]{width:100vw}}.sketch-content[data-astro-cid-pjor73id]{display:flex;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:1200px}.card-container[data-astro-cid-pjor73id]{perspective:1000px;width:100%;height:70vh;max-height:700px;aspect-ratio:16 / 9}.card[data-astro-cid-pjor73id]{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.card-container[data-astro-cid-pjor73id].flipped .card[data-astro-cid-pjor73id]{transform:rotateY(180deg)}.card-front[data-astro-cid-pjor73id],.card-back[data-astro-cid-pjor73id]{position:absolute;width:100%;height:100%;backface-visibility:hidden;padding:1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.card-back[data-astro-cid-pjor73id]{transform:rotateY(180deg)}.canvas-area[data-astro-cid-pjor73id]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.canvas-header[data-astro-cid-pjor73id]{text-align:center;margin-bottom:1.5rem}.canvas-area[data-astro-cid-pjor73id] h2[data-astro-cid-pjor73id]{margin:0 0 .5rem;color:var(--accent);font-size:2rem}.description[data-astro-cid-pjor73id]{margin:0;color:#fffc}.p5-canvas[data-astro-cid-pjor73id]{background-color:#141414;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.p5-canvas[data-astro-cid-pjor73id] canvas[data-astro-cid-pjor73id]{display:block!important;border-radius:8px;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:0 auto!important}.button-container[data-astro-cid-pjor73id]{display:flex;justify-content:center;gap:1rem;width:100%}.code-button[data-astro-cid-pjor73id]{background-color:var(--accent);color:var(--main);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.code-button[data-astro-cid-pjor73id]:hover{background-color:var(--accent-light);box-shadow:0 6px 16px #0006}.code-area[data-astro-cid-pjor73id]{display:flex;flex-direction:column;height:100%;overflow:hidden}.code-header[data-astro-cid-pjor73id]{text-align:center;margin-bottom:1rem}.code-area[data-astro-cid-pjor73id] h3[data-astro-cid-pjor73id]{margin:0;color:var(--accent);font-size:1.5rem}.back-button[data-astro-cid-pjor73id]{display:none;background-color:var(--accent);color:var(--main);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.card-container[data-astro-cid-pjor73id].flipped~.button-container[data-astro-cid-pjor73id] .back-button[data-astro-cid-pjor73id]{display:block}.card-container[data-astro-cid-pjor73id].flipped~.button-container[data-astro-cid-pjor73id] .code-button[data-astro-cid-pjor73id]{display:none}.back-button[data-astro-cid-pjor73id]:hover{background-color:var(--accent-light);box-shadow:0 6px 16px #0006}.code-area[data-astro-cid-pjor73id] pre[data-astro-cid-pjor73id]{width:100%;height:100%;margin:0;padding:2rem;background-color:#1e1e1e;border-radius:8px;overflow:auto;font-size:.85rem;line-height:1.6;box-sizing:border-box}.code-area[data-astro-cid-pjor73id] code[data-astro-cid-pjor73id]{color:#d4d4d4;font-family:Courier New,Courier,monospace;white-space:pre;word-break:break-word}@media (max-width: 1200px){.sketch-nav[data-astro-cid-pjor73id]{width:60px}.creations-main[data-astro-cid-pjor73id]{padding-right:calc(50px + 2rem)}.card-container[data-astro-cid-pjor73id]{max-width:600px}.card[data-astro-cid-pjor73id]{min-height:650px}}@media (max-width: 768px){.menu-toggle[data-astro-cid-pjor73id]{display:flex}.sketch-nav[data-astro-cid-pjor73id]{position:fixed;left:0;right:auto;top:80px;width:120px;height:calc(100vh - 80px);background-color:#293d33fa;backdrop-filter:blur(10px);border-left:none;border-right:1px solid rgba(255,255,255,.1);z-index:100;overflow-y:auto;transform:translate(-100%)}.sketch-nav[data-astro-cid-pjor73id].active{transform:translate(0)}.nav-content[data-astro-cid-pjor73id]{padding:1.5rem 1rem}.sketch-list[data-astro-cid-pjor73id]{display:flex;flex-direction:column;gap:.75rem}.sketch-list[data-astro-cid-pjor73id] li[data-astro-cid-pjor73id]{margin-bottom:0}.sketch-link[data-astro-cid-pjor73id]{padding:.85rem 1rem;background-color:#ffffff0d;font-size:1rem;text-align:center;border-radius:6px}.creations-main[data-astro-cid-pjor73id]{margin:0;padding:1rem}.sketch-section[data-astro-cid-pjor73id]{min-height:auto;padding:1rem 0}.card-container[data-astro-cid-pjor73id]{max-width:100%}.card[data-astro-cid-pjor73id]{min-height:600px}.card-front[data-astro-cid-pjor73id],.card-back[data-astro-cid-pjor73id]{padding:1.5rem}.canvas-area[data-astro-cid-pjor73id] h2[data-astro-cid-pjor73id]{font-size:1.5rem}.code-area[data-astro-cid-pjor73id] h3[data-astro-cid-pjor73id]{font-size:1.2rem}.code-area[data-astro-cid-pjor73id] pre[data-astro-cid-pjor73id]{font-size:.75rem;padding:1rem}.button-container[data-astro-cid-pjor73id]{margin-top:.5rem}}@media (max-width: 480px){.sketch-nav[data-astro-cid-pjor73id]{width:100px}.sketch-link[data-astro-cid-pjor73id]{padding:.6rem .4rem;font-size:.8rem}.card[data-astro-cid-pjor73id]{min-height:550px}.card-front[data-astro-cid-pjor73id],.card-back[data-astro-cid-pjor73id]{padding:1rem}.canvas-area[data-astro-cid-pjor73id] h2[data-astro-cid-pjor73id]{font-size:1.25rem}.description[data-astro-cid-pjor73id]{font-size:.9rem}.code-area[data-astro-cid-pjor73id] pre[data-astro-cid-pjor73id]{font-size:.7rem;padding:.75rem}.code-button[data-astro-cid-pjor73id],.back-button[data-astro-cid-pjor73id]{font-size:.85rem;padding:.6rem 1rem}}