@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap";.header[data-v-d7224cb3]{display:flex;justify-content:space-between;align-items:center;padding:1rem}.content[data-v-d7224cb3]{display:flex}.side-menu[data-v-d7224cb3]{width:200px;transition:transform .3s;z-index:2}main[data-v-d7224cb3]{flex:1;margin:0 auto;padding:4em 16em}.menu-header[data-v-d7224cb3]{padding:3rem}[data-v-d7224cb3] .fade-zoom-enter-active,[data-v-d7224cb3] .fade-zoom-leave-active{transition:all .6s cubic-bezier(.25,1,.5,1)}[data-v-d7224cb3] .fade-zoom-enter-from{opacity:0;transform:translate(50px)}[data-v-d7224cb3] .fade-zoom-enter-to,[data-v-d7224cb3] .fade-zoom-leave-from{opacity:1;transform:translate(0)}[data-v-d7224cb3] .fade-zoom-leave-to{opacity:0;transform:translate(-50px)}@media (max-width: 768px){.content[data-v-d7224cb3]{flex-direction:column}.side-menu[data-v-d7224cb3]{position:absolute;top:0;left:0;transform:translate(-100%);background-color:#fff;width:100%;height:100%}.side-menu.open[data-v-d7224cb3]{transform:translate(0)}.hamburger[data-v-d7224cb3]{position:absolute;display:block;right:0}.menu-item[data-v-d7224cb3]{margin:0 auto;float:left}main[data-v-d7224cb3]{padding:1em}}@media (min-width: 769px){.side-menu[data-v-d7224cb3]{position:fixed;height:100%;transform:translate(0)}.menu-header[data-v-d7224cb3]{display:block}main[data-v-d7224cb3]{padding:4em 16em}}.contact-footer[data-v-1c7e8232]{margin-top:4rem;background:#f8f8f8;padding:2rem;border-radius:1rem}.email-form[data-v-1c7e8232]{display:flex;flex-direction:column;gap:1rem}input[data-v-1c7e8232],textarea[data-v-1c7e8232]{padding:1rem;border:1px solid #ccc;border-radius:8px;width:calc(100% - 2rem)}button[data-v-1c7e8232]{background-color:#08f;color:#fff;border:none;padding:.75rem;border-radius:40px;cursor:pointer}button[data-v-1c7e8232]:hover{background-color:#06c}.success[data-v-1c7e8232]{color:green;margin-top:1rem}.error[data-v-1c7e8232]{color:red;margin-top:1rem}.gpu-wrap[data-v-b3e1a1ef]{display:grid;place-items:center;width:100%;padding:.75rem 0}.gpu-canvas[data-v-b3e1a1ef]{display:block;max-width:800px;max-height:800px;width:100%;height:auto;image-rendering:pixelated;background:#090c13}.fallback[data-v-b3e1a1ef]{margin-top:.75rem;color:#98a2b3;font-size:.95rem}.profile[data-v-ba5d25a7]{padding:0;margin-top:4rem}.profile-content[data-v-ba5d25a7]{opacity:0;animation:fadeInContent-ba5d25a7 .5s ease forwards}@keyframes fadeInContent-ba5d25a7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-overlay[data-v-ba5d25a7]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:Roboto,sans-serif;overflow:hidden}.loading-content[data-v-ba5d25a7]{text-align:center}.loading-spinner[data-v-ba5d25a7]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-ba5d25a7 1s linear infinite;margin:0 auto 1rem}@keyframes spin-ba5d25a7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p[data-v-ba5d25a7]{color:#666;font-size:1.1rem;margin:0}.loading-fade-enter-active[data-v-ba5d25a7]{transition:opacity .3s ease-in}.loading-fade-leave-active[data-v-ba5d25a7]{transition:opacity .5s ease-out}.loading-fade-enter-from[data-v-ba5d25a7],.loading-fade-leave-to[data-v-ba5d25a7]{opacity:0}.fade-enter-active[data-v-ba5d25a7],.fade-leave-active[data-v-ba5d25a7]{transition:opacity .6s ease}.fade-enter-from[data-v-ba5d25a7],.fade-leave-to[data-v-ba5d25a7]{opacity:0}main[data-v-000eece7][data-v-ba5d25a7]{padding:0!important}@media (min-width: 769px){main[data-v-000eece7][data-v-ba5d25a7]{padding:0!important}}main[data-v-ba5d25a7]{padding:0!important}.profile main[data-v-ba5d25a7],main.profile[data-v-ba5d25a7],main[class*=profile][data-v-ba5d25a7]{padding:0!important}.services-skills-container[data-v-ba5d25a7]{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.services-section[data-v-ba5d25a7],.skills-section[data-v-ba5d25a7]{flex:1}@media (min-width: 769px){.services-skills-container[data-v-ba5d25a7]{flex-direction:row;gap:4rem;align-items:flex-start}.services-section[data-v-ba5d25a7]{flex:0 1 60%}.skills-section[data-v-ba5d25a7]{flex:0 1 40%}}.profile img[data-v-ba5d25a7]{margin-bottom:0rem;width:100%;border-radius:0}.profile .insert[data-v-ba5d25a7]{background-color:#f8f8f8;padding:3rem;margin-bottom:6rem}.profile h4[data-v-ba5d25a7]{padding:1rem}.profile ul[data-v-ba5d25a7]{font-family:Roboto,sans-serif;line-height:1.5rem}.profile p[data-v-ba5d25a7]{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6}.path-buttons[data-v-ba5d25a7]{position:fixed;top:0;right:0;display:flex;flex-direction:row;gap:.5rem;z-index:10000;margin:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff8}.menu-item[data-v-ba5d25a7]{color:#333;text-decoration:none;font-weight:500;padding:.25rem .5rem;transition:color .2s ease;background:none;border:none}.menu-item[data-v-ba5d25a7]:hover{color:#000;background:none;text-decoration:underline}.menu-item[data-v-ba5d25a7]:visited{color:#333;background:none}.menu-item[data-v-ba5d25a7]:active{color:#000;background:none}.email-display[data-v-ba5d25a7]{position:fixed;top:3rem;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff8;border-radius:.5rem;padding:1rem;box-shadow:0 2px 10px #0000001a;z-index:10001;text-align:center;min-width:200px}.email-display p[data-v-ba5d25a7]{margin:0 0 .5rem;font-family:monospace;font-size:1rem;color:#333}.copy-button[data-v-ba5d25a7]{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.copy-button[data-v-ba5d25a7]:hover{background-color:#0056b3}.appleseed-box[data-v-ba5d25a7]{position:relative;display:flex;align-items:center;justify-content:center;gap:3rem;margin:10rem auto;margin-bottom:0;max-width:800px;padding:0 2rem}.johnny-text[data-v-ba5d25a7]{position:absolute;top:-67px;left:15rem;font-size:1.4rem;font-weight:300;color:#555}.profile-pic-box[data-v-ba5d25a7]{position:relative;width:360px;float:none}.main-title[data-v-ba5d25a7]{margin:0;flex:0 1 auto;line-height:1.2;text-align:left}.profile-pic-box img[data-v-ba5d25a7]{width:100%;height:100%;border-radius:0}.profile-image[data-v-ba5d25a7]{object-fit:cover;aspect-ratio:1}.profile-pic-box h2[data-v-ba5d25a7]{position:absolute;top:-1.5rem;left:0;font-size:.6em;color:#888}.profile-title[data-v-ba5d25a7]{text-align:center}.johnny-text[data-v-ba5d25a7]{left:18rem;font-size:2rem;margin:0;top:-.3rem}.travel-box[data-v-ba5d25a7]{display:flex;flex-direction:row;align-items:center;width:fit-content;gap:2rem;position:relative}.horizon-line_1[data-v-ba5d25a7]{position:absolute;top:46%;left:25%;width:25%;border:2px solid #ccc;border-radius:5px;z-index:-10}.horizon-line_2[data-v-ba5d25a7]{position:absolute;top:46%;right:25%;width:25%;border:2px solid #ccc;border-radius:5px;z-index:-10}.travel-arrow[data-v-ba5d25a7]{width:2rem}.location[data-v-ba5d25a7]{display:flex;flex-direction:column;align-items:center;text-align:center}.location img[data-v-ba5d25a7]{width:96px;height:96px;object-fit:cover;border-radius:50%}.location .current[data-v-ba5d25a7]{border:solid 5px #eee;box-shadow:0 0 5px #888}.location .next[data-v-ba5d25a7]{border:solid 3px #fff}.location .travel[data-v-ba5d25a7]{border:solid 3px #ccc}.location h2[data-v-ba5d25a7]{margin:.5rem 0 0;font-size:.7rem;color:#222;text-align:center;width:100%;margin:1rem 0rem;border-radius:1rem;background-color:#ccc;color:#fff;padding:.25rem}.location h3[data-v-ba5d25a7]{margin:0;font-size:.9rem;color:#555}.trip[data-v-ba5d25a7]{display:flex;flex-direction:column;align-items:center;text-align:center}.trip img[data-v-ba5d25a7]{margin:0;width:32px;height:32px;object-fit:cover;border-radius:50%;border:3px solid #fff}.project-text[data-v-ba5d25a7]{position:relative;padding:0 32px;float:left;width:calc(60% - 192px)}.project-text h2[data-v-ba5d25a7]{line-height:0}.projects[data-v-ba5d25a7]{height:fit-content;display:block;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0 2rem;box-sizing:border-box}.project[data-v-ba5d25a7]{text-align:left;float:none;width:100%;max-width:1200px;margin:0 auto 4rem;padding:0;border-right:none;display:flex;gap:2rem;align-items:flex-start}.project img[data-v-ba5d25a7]{width:128px;height:128px;float:none;display:block;border-radius:50%;flex-shrink:0;object-fit:cover;aspect-ratio:1}.brick[data-v-ba5d25a7]{width:100%;height:256px;margin-bottom:5rem}.brick-2[data-v-ba5d25a7]{float:left;width:calc(50% - 6rem);padding:2rem;margin:1rem;border-radius:1.5rem;background-color:#eee}.client-logos-section[data-v-ba5d25a7]{background-color:#555;margin:10rem 0;overflow:hidden;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:3rem 0}.client-logos-container[data-v-ba5d25a7]{width:100%;overflow:hidden}.client-logos-scroll[data-v-ba5d25a7]{display:flex;align-items:center;gap:4rem;animation:scroll-left-ba5d25a7 25s linear infinite;white-space:nowrap;width:max-content;will-change:transform}.client-logos-scroll img[data-v-ba5d25a7]{height:100px;width:auto;filter:brightness(0) invert(1);transition:opacity .3s ease;flex-shrink:0}.client-logos-scroll img[data-v-ba5d25a7]:hover{opacity:.8}@keyframes scroll-left-ba5d25a7{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 769px){.profile .insert[data-v-ba5d25a7]{background-color:#fff;border:1px solid #ddd;padding:2rem}.brick[data-v-ba5d25a7]{height:400px;margin-bottom:20rem}.brick-2[data-v-ba5d25a7]{width:calc(100% - 5rem);padding:2rem;margin:.5rem}.profile-pic-box[data-v-ba5d25a7]{margin:2rem auto 0rem;float:none;width:100%;max-width:256px}.main-title[data-v-ba5d25a7]{text-align:center;margin:1rem 0}.appleseed-box[data-v-ba5d25a7]{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto;margin-bottom:0;max-width:100%;padding:0 1rem}.johnny-text[data-v-ba5d25a7]{position:absolute;top:0;left:1rem;font-size:1.4rem;font-weight:300;color:#555}.project[data-v-ba5d25a7]{border-right:none;flex-direction:column;align-items:center;text-align:center}.project img[data-v-ba5d25a7]{width:128px;float:none;margin:0 auto;display:block;border-radius:50%}.project-text[data-v-ba5d25a7]{width:100%;text-align:left}.client-logos-scroll[data-v-ba5d25a7]{gap:2rem}.client-logos-section[data-v-ba5d25a7]{padding:2rem 0}.client-logos-scroll[data-v-ba5d25a7]{gap:2rem;animation:scroll-left-ba5d25a7 20s linear infinite}.client-logos-scroll img[data-v-ba5d25a7]{height:80px}.menu-item[data-v-ba5d25a7]{color:#333;background:none;border:none;border-radius:0}.menu-item[data-v-ba5d25a7]:hover{color:#000;background:none;border:none;border-radius:0}.email-display[data-v-ba5d25a7]{top:2.5rem;right:.5rem;min-width:180px}}.preface[data-v-13c0e6e5]{font-style:italic;letter-spacing:.05rem;padding:4rem}.journey-block[data-v-13c0e6e5]{width:calc(100% + -0rem);position:relative}@media (max-width: 769px){.preface[data-v-13c0e6e5]{font-style:italic;letter-spacing:.05rem;padding:1rem;width:calc(100% - 4rem)}.journey-block[data-v-13c0e6e5]{width:calc(100% - 5rem);position:absolute}.preface p[data-v-13c0e6e5]{width:100%}}h1[data-v-b93a60ac]{padding-top:0rem}.experience[data-v-b93a60ac]{padding:1rem;margin:0rem}.project-list[data-v-b93a60ac]{display:flex;flex-wrap:wrap;gap:1rem}.project-text[data-v-b93a60ac]{position:relative;padding:0 32px;float:left;width:calc(100% - 64px)}.project-text h2[data-v-b93a60ac]{line-height:2rem;font-size:2rem}.project-text p[data-v-b93a60ac]{margin:0}.project[data-v-b93a60ac]{text-align:left;float:left;width:100%;padding:0rem 0rem 5rem 0}.project img[data-v-b93a60ac]{position:relative;padding:2rem;letter-spacing:1px;font-size:1rem;width:calc(256px - 2rem);margin:0 auto;border-radius:50%}.project-label[data-v-b93a60ac]{text-decoration:underline;font-style:bold}.articles-list[data-v-733ae922]{padding:1rem}.articles-list ul[data-v-733ae922]{list-style:none;padding:0}.articles-list li[data-v-733ae922]{margin:.5rem 0}.article-detail[data-v-b2408b02]{padding:1rem;position:relative}.article-detail sub[data-v-b2408b02]{float:left;text-align:center;width:10rem;height:2rem;margin:2em 0% 2em 80%;background:linear-gradient(0deg,#fff,#eee);border-radius:2rem 2rem 0rem 0rem;font-style:italic;font-size:1rem;line-height:2rem}.triangle[data-v-b2408b02]{width:0px;height:0px;border-style:solid;border-width:0 0px 2em 2em;border-color:transparent transparent #FFFFFF transparent;transform:rotate(180deg)}.tL[data-v-b2408b02]{float:left}.tR[data-v-b2408b02]{float:right;transform:scaleY(-1)}article p[data-v-b2408b02]{line-height:1.5em}@media (max-width: 769px){.article-detail sub[data-v-b2408b02]{margin:2em 0% 2em 50%}}pre[data-v-2f3281d1]{font-family:Menlo,Monaco,Consolas,Courier New,monospace;width:100%}.prompt-box[data-v-2f3281d1]{padding:2rem;background-color:#eee;margin:5rem 0}.contact-wrapper[data-v-6104943e]{padding:2rem;text-align:left}.contact-links a[data-v-6104943e]{display:block;margin:.5rem 0;color:#08f;font-weight:700;text-decoration:none;width:fit-content}.contact-links a[data-v-6104943e]:hover{text-decoration:underline}.email-form[data-v-6104943e]{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}input[data-v-6104943e],textarea[data-v-6104943e]{padding:1rem;border:1px solid #ccc;border-radius:8px;width:calc(100% - 2rem)}button[data-v-6104943e]{margin-top:1rem;padding:.75rem 2rem;font-size:1rem;border:none;background-color:#08f;color:#fff;border-radius:40px;cursor:pointer}button[data-v-6104943e]:hover{background-color:#06c}.demos[data-v-6feb0c60]{padding:2rem;max-width:1200px;margin:0 auto;font-family:Roboto,sans-serif}.demos-nav[data-v-6feb0c60]{margin-bottom:2rem}.home-button[data-v-6feb0c60]{display:inline-block;background:#f8f9fa;color:#333;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;border:1px solid #dee2e6;transition:all .3s ease}.home-button[data-v-6feb0c60]:hover{background:#e9ecef;color:#333;text-decoration:none;transform:translate(-2px)}.demos h1[data-v-6feb0c60]{font-family:Playfair Display,serif;font-size:3rem;text-align:center;margin-bottom:1rem;color:#333}.demos>p[data-v-6feb0c60]{text-align:center;font-size:1.2rem;color:#666;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.demo-list[data-v-6feb0c60]{display:flex;flex-direction:column;gap:4rem;align-items:center;padding:2rem 0}.demo-scene[data-v-6feb0c60]{width:512px;height:512px;perspective:1000px;perspective-origin:center center;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:8px;box-shadow:0 4px 8px #0000001a}.cube[data-v-6feb0c60]{width:512px;height:512px;position:relative;transform-style:preserve-3d;transform:translateZ(-256px);transition:transform .3s ease}.cube.show-front[data-v-6feb0c60]{transform:translateZ(-256px) rotateY(0)}.cube__face[data-v-6feb0c60]{position:absolute;width:512px;height:512px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;backface-visibility:visible}.cube__face--front[data-v-6feb0c60]{background:linear-gradient(135deg,#667eeacc,#764ba2cc);transform:rotateY(0) translateZ(256px)}.cube__face--right[data-v-6feb0c60]{background:linear-gradient(135deg,#f093fb99,#f5576c99);transform:rotateY(90deg) translateZ(256px)}.cube__face--back[data-v-6feb0c60]{background:linear-gradient(135deg,#4facfe66,#00f2fe66);transform:rotateY(180deg) translateZ(256px)}.cube__face--left[data-v-6feb0c60]{background:linear-gradient(135deg,#43e97b99,#38f9d799);transform:rotateY(-90deg) translateZ(256px)}.cube__face--top[data-v-6feb0c60]{background:linear-gradient(135deg,#fa709a80,#fee14080);transform:rotateX(90deg) translateZ(256px)}.cube__face--bottom[data-v-6feb0c60]{background:linear-gradient(135deg,#a8edea80,#fed6e380);transform:rotateX(-90deg) translateZ(256px)}.cube__face--center[data-v-6feb0c60]{background:linear-gradient(135deg,#000c,#0009);transform:rotateY(0) translateZ(0);opacity:1;z-index:10}.face-content[data-v-6feb0c60]{padding:2rem;text-align:center;color:#fff;max-width:400px}.face-content h3[data-v-6feb0c60]{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.face-content p[data-v-6feb0c60]{color:#fff;line-height:1.6;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.demo-meta[data-v-6feb0c60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tech[data-v-6feb0c60]{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.status[data-v-6feb0c60]{padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase}.status.live[data-v-6feb0c60]{background:#e8f5e8;color:#2d5a2d}.status.in-development[data-v-6feb0c60]{background:#fff3cd;color:#856404}.demo-link[data-v-6feb0c60]{display:inline-block;background:#007bff;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.demo-link[data-v-6feb0c60]:hover{background:#0056b3;color:#fff;text-decoration:none}.coming-soon[data-v-6feb0c60]{display:inline-block;background:#f8f9fa;color:#6c757d;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;border:1px solid #dee2e6}@media (max-width: 768px){.demos[data-v-6feb0c60]{padding:1rem}.demos h1[data-v-6feb0c60]{font-size:2rem}.demo-list[data-v-6feb0c60]{gap:2rem}.demo-scene[data-v-6feb0c60]{width:300px;height:300px;perspective:600px}.cube[data-v-6feb0c60],.cube__face[data-v-6feb0c60]{width:300px;height:300px}.cube__face--front[data-v-6feb0c60]{transform:rotateY(0) translateZ(150px)}.cube__face--right[data-v-6feb0c60]{transform:rotateY(90deg) translateZ(150px)}.cube__face--back[data-v-6feb0c60]{transform:rotateY(180deg) translateZ(150px)}.cube__face--left[data-v-6feb0c60]{transform:rotateY(-90deg) translateZ(150px)}.cube__face--top[data-v-6feb0c60]{transform:rotateX(90deg) translateZ(150px)}.cube__face--bottom[data-v-6feb0c60]{transform:rotateX(-90deg) translateZ(150px)}.face-content[data-v-6feb0c60]{padding:1rem;max-width:250px}.face-content h3[data-v-6feb0c60]{font-size:1.4rem}.demo-meta[data-v-6feb0c60]{flex-direction:column;align-items:flex-start;gap:.5rem}.home-button[data-v-6feb0c60]{padding:.5rem 1rem;font-size:.9rem}}:root{font-family:Libre Franklin,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color-scheme:light dark;color:#555;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{font-family:Raleway;margin:0;padding:0;width:100%;height:100%}#app{display:flex;flex-direction:column;font-family:Raleway}header{width:fit-content;height:60px;display:flex;align-items:center;padding:0 1rem;box-sizing:border-box;float:right;position:absolute}main{position:relative;padding:0!important;display:inline;width:100%;max-width:800px;height:100%;top:0}p{line-height:2em}a{font-weight:500;color:#555;text-decoration:inherit}a:hover{color:#000;text-decoration:underline}h1{font-size:3.2em;line-height:1.1;font-family:Raleway}ul li{line-height:1.5em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}.side-menu{background-color:#fff;color:#222;width:200px;height:100%;box-sizing:border-box}.content-container{background-color:#fff;color:#000;flex:1;padding:1rem;overflow-y:auto;box-sizing:border-box}@media (max-width: 768px){.side-menu{position:absolute;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .3s ease-in-out}.side-menu.open{transform:translate(0)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}