<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MarchBox: Zacky Ma on web design, life, & Disney</title>
<meta property="og:title" content="MarchBox: Zacky Ma on web design, life, & Disney">
<script>!function(e,t){const c=["js"];t&&c.push(t),e.classList.add(...c)}(document.documentElement,localStorage.getItem("glockenspiel"))</script>
<meta name="description" content="Zacky Ma on web design, life, & Disney">
<meta property="og:description" content="Zacky Ma on web design, life, & Disney">
<link rel="canonical" href="https://marchbox.com/">
<meta property="og:url" content="https://marchbox.com/">
<meta property="og:type" content="website">
<meta property="og:locale" content="en">
<meta property="og:image" content="https://marchbox.com/og.png">
<meta property="fediverse:creator" content="@zacky@marchbox.com">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<link rel="alternate" type="application/rss+xml" title="All articles and drawings" href="https://marchbox.com/feed">
<link rel="alternate" type="application/rss+xml" title="All articles" href="https://marchbox.com/articles/feed">
<link rel="alternate" type="application/rss+xml" title="All drawings" href="https://marchbox.com/drawings/feed">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.png">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="/manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<link rel="stylesheet" href="/css/default.css?5bd89feec0a5c430e7bd4f17ee7c52e6">
</head>
<body>
<a href="#content" class="skip">Skip to the content</a>
<header class="header">
<a class="logo" href="/" title="Return to Entrance">
<div class="logo-img" aria-label="marchbox.com’s logo" role="img">
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 470 277" fill="none" fill-rule="evenodd">
<path stroke="var(--color-fg,#333)" stroke-width="4" stroke-linecap="round" d="M39 2v81m130-28v63m0-63v63m164-30v30m57-55v55M39 267v8m130-63v62m164-62v62m57-62v62"/>
<path fill="var(--color-fg,#333)" d="M4 89a4 4 0 00-4 4v116a4 4 0 004 4h69a4 4 0 004-4V93a4 4 0 00-4-4H4zm81 35a4 4 0 00-4 4v75a4 4 0 004 4h49a4 4 0 004-4v-75a4 4 0 00-4-4H85zm57 4a4 4 0 014-4h42.66a4 4 0 014 4v75a4 4 0 01-4 4H146a4 4 0 01-4-4v-75zm59-4a4 4 0 00-4 4v75a4 4 0 004 4h41.98a4 4 0 004-4v-75a4 4 0 00-4-4H201zm50 4a4 4 0 014-4h44.96a4 4 0 014 4v75a4 4 0 01-4 4H255a4 4 0 01-4-4v-75zm61-4a4 4 0 00-4 4v75a4 4 0 004 4h42.56a4 4 0 004-4v-75a4 4 0 00-4-4H312zm51 4a4 4 0 014-4h41.98a4 4 0 014 4v75a4 4 0 01-4 4H367a4 4 0 01-4-4v-75zm58-4a4 4 0 00-4 4v75a4 4 0 004 4h44.29a4 4 0 004-4v-75a4 4 0 00-4-4H421z"/>
<path fill="var(--color-bg,#fff)" d="M25.669 195.16c0 1.227-.614 1.84-1.84 1.84H13.84c-1.227 0-1.84-.613-1.84-1.84v-88.32c0-1.227.613-1.84 1.84-1.84h14.851c1.14 0 1.84.526 2.103 1.577l7.229 35.354c.175.439.416.658.723.658.306 0 .503-.219.591-.658l7.36-35.354c.263-1.051.964-1.577 2.103-1.577h14.063c1.227 0 1.84.613 1.84 1.84v88.32c0 1.227-.614 1.84-1.84 1.84H48.93c-1.226 0-1.84-.613-1.84-1.84v-35.88c0-.438-.153-.679-.46-.723-.306-.044-.547.153-.722.592l-5.652 19.057c-.263 1.051-.92 1.577-1.971 1.577H34.21c-1.051 0-1.708-.526-1.971-1.577l-5.389-19.452c-.087-.438-.306-.635-.657-.591-.35.044-.525.285-.525.723v36.274z"/>
<path fill="var(--color-bg,#fff)" fill-rule="evenodd" clip-rule="evenodd" d="M97.47 199.2c.831 0 1.343-.384 1.535-1.152l1.92-9.024c.128-.448.384-.672.768-.672h11.904c.384 0 .64.224.768.672l1.824 8.928c.192.832.672 1.248 1.44 1.248h11.424c.384 0 .688-.112.912-.336a1.11 1.11 0 00.336-.816v-.288l-13.728-64.608c-.192-.768-.704-1.152-1.536-1.152h-10.944c-.832 0-1.344.384-1.536 1.152L89.021 197.76c-.064.448.016.8.24 1.056.224.256.56.384 1.008.384h7.2zm14.015-20.832h-7.584c-.448 0-.672-.224-.672-.672v-.192l4.128-19.872c.128-.32.304-.48.528-.48.224 0 .368.16.432.48l3.84 19.872c.128.576-.096.864-.672.864zm51.955 19.488c0 .896-.448 1.344-1.344 1.344h-10.752c-.896 0-1.344-.448-1.344-1.344v-64.512c0-.896.448-1.344 1.344-1.344h25.248c2.24 0 4.144.752 5.712 2.256 1.568 1.504 2.352 3.376 2.352 5.616v32.352c0 2.304-.352 4.128-1.056 5.472-.704 1.344-1.92 2.144-3.648 2.4-.576 0-.768.288-.576.864l5.088 16.704c.064.128.096.288.096.48 0 .32-.112.576-.336.768-.224.192-.528.288-.912.288h-9.216c-.832 0-1.344-.384-1.536-1.152l-5.184-17.28c-.128-.448-.416-.672-.864-.672h-2.304c-.512 0-.768.256-.768.768v16.992zm.768-27.84h6.336c1.024 0 1.76-.224 2.208-.672.448-.448.672-1.184.672-2.208v-20.16c0-1.024-.224-1.76-.672-2.208-.448-.448-1.184-.672-2.208-.672h-6.336c-.512 0-.768.256-.768.768v24.384c0 .512.256.768.768.768z"/>
<path fill="var(--color-bg,#fff)" d="M237.016 197.232c-1.312 1.312-3.216 1.968-5.712 1.968H212.68c-2.496 0-4.4-.656-5.712-1.968-1.312-1.312-1.968-3.216-1.968-5.712v-51.84c0-2.496.656-4.4 1.968-5.712 1.312-1.312 3.216-1.968 5.712-1.968h18.624c2.496 0 4.4.656 5.712 1.968 1.312 1.312 1.968 3.216 1.968 5.712v11.616c0 .896-.448 1.344-1.344 1.344h-7.488c-.896 0-1.344-.448-1.344-1.344v-6.24c0-.896-.256-1.6-.768-2.112s-1.216-.768-2.112-.768h-4.512c-.896 0-1.6.256-2.112.768s-.768 1.216-.768 2.112v41.28c0 .896.256 1.6.768 2.112s1.216.768 2.112.768h4.512c.896 0 1.6-.256 2.112-.768s.768-1.216.768-2.112v-6.432c0-.896.448-1.344 1.344-1.344h7.488c.896 0 1.344.448 1.344 1.344v11.616c0 2.496-.656 4.4-1.968 5.712zm34.08 1.968c.896 0 1.344-.448 1.344-1.344v-17.088c0-.512.256-.768.768-.768h8.544c.512 0 .768.256.768.768v17.088c0 .896.448 1.344 1.344 1.344h10.752c.896 0 1.344-.448 1.344-1.344v-64.512c0-.896-.448-1.344-1.344-1.344h-10.752c-.896 0-1.344.448-1.344 1.344v35.904c0 .512-.256.768-.768.768h-8.544c-.512 0-.768-.256-.768-.768v-35.904c0-.896-.448-1.344-1.344-1.344h-10.752c-.896 0-1.344.448-1.344 1.344v64.512c0 .896.448 1.344 1.344 1.344h10.752z"/>
<path fill="var(--color-bg,#fff)" fill-rule="evenodd" clip-rule="evenodd" d="M348.496 196.992c-1.376 1.472-3.184 2.208-5.424 2.208h-25.728c-.896 0-1.344-.448-1.344-1.344v-64.512c0-.896.448-1.344 1.344-1.344h25.536c2.496 0 4.4.656 5.712 1.968 1.312 1.312 1.968 3.216 1.968 5.712v13.536c0 2.88-.864 5.184-2.592 6.912-.32.32-.32.64 0 .96 1.728 1.536 2.592 3.872 2.592 7.008v23.232c0 2.304-.688 4.192-2.064 5.664zM330.4 155.904h6.144c.896 0 1.664-.352 2.304-1.056.64-.704.96-1.504.96-2.4v-6.912c0-.96-.32-1.776-.96-2.448-.64-.672-1.408-1.008-2.304-1.008H330.4c-.512 0-.768.256-.768.768v12.288c0 .512.256.768.768.768zm6.144 33.504h-6.432c-.512 0-.768-.256-.768-.768v-22.08c0-.512.256-.768.768-.768h6.432c1.984 0 2.976.96 2.976 2.88v17.856c0 1.92-.992 2.88-2.976 2.88zm66.472 7.824c-1.312 1.312-3.216 1.968-5.712 1.968H378.68c-2.496 0-4.4-.656-5.712-1.968-1.312-1.312-1.968-3.216-1.968-5.712v-51.84c0-2.496.656-4.4 1.968-5.712 1.312-1.312 3.216-1.968 5.712-1.968h18.624c2.496 0 4.4.656 5.712 1.968 1.312 1.312 1.968 3.216 1.968 5.712v51.84c0 2.496-.656 4.4-1.968 5.712zm-15.6-8.016h4.512c.896 0 1.6-.256 2.112-.768s.768-1.216.768-2.112v-41.28c0-.896-.256-1.6-.768-2.112s-1.216-.768-2.112-.768h-4.512c-.896 0-1.6.256-2.112.768s-.768 1.216-.768 2.112v41.28c0 .896.256 1.6.768 2.112s1.216.768 2.112.768z"/>
<path fill="var(--color-bg,#fff)" d="M438.248 197.856c0 .896-.448 1.344-1.344 1.344h-9.6c-.896 0-1.344-.448-1.344-1.344-.192-12.608 1.408-22.848 4.8-30.72.128-.448.096-.8-.096-1.056-3.776-7.616-5.664-17.504-5.664-29.664v-3.072c0-.896.448-1.344 1.344-1.344h9.6c.896 0 1.344.448 1.344 1.344v3.456c0 3.84.32 7.552.96 11.136.64 3.584 1.92 6.88 3.84 9.888.384.576.768.576 1.152 0 1.92-3.008 3.2-6.304 3.84-9.888.64-3.584.96-7.296.96-11.136v-3.456c0-.896.448-1.344 1.344-1.344h9.6c.896 0 1.344.16 1.344.48v2.976c0 11.776-1.6 21.312-4.8 28.608-.128.448-.096.8.096 1.056 3.776 7.616 5.664 17.504 5.664 29.664v3.072c0 .896-.448 1.344-1.344 1.344h-9.6c-.896 0-1.344-.448-1.344-1.344V194.4c0-3.84-.32-7.552-.96-11.136-.64-3.584-1.92-6.88-3.84-9.888-.384-.576-.768-.576-1.152 0-1.92 3.008-3.2 6.304-3.84 9.888-.64 3.584-.96 7.296-.96 11.136v3.456z"/>
<rect fill="var(--color-bg,#fff)" stroke="var(--color-fg,#333)" stroke-width="4" x="6" y="222" width="450" height="37" rx="2"/>
<path fill="var(--color-fg,#333)" d="M45 3.446v23.268l.001.033.001.028v.001l.003.046v.005l.002.018.003.026.004.044.004.027.003.021a1.894 1.894 0 00.036.18v.002l.025.088.007.023.007.022.031.087.001.002c.01.027.022.053.037.087l.004.01.013.029.02.041.003.005.006.012.014.026.02.035.005.01.007.013.014.024.021.034.002.002.004.006.01.015.011.018.002.004.023.033.001.002.004.005.012.017.012.016.002.003.026.034.018.023.011.014.003.002c.018.023.037.045.056.066l.004.005a1.934 1.934 0 00.13.13l.002.002.07.06.02.015.018.015.036.027.023.017.012.008.003.003.003.001c.023.017.047.032.07.048l.005.002.004.003.011.007.024.015h.002c.011.008.023.014.038.023l.007.003.014.009.013.007.007.003.01.005.03.016.005.003.023.011.03.014.027.012.04.017.002.001.004.002.017.007.024.01.042.015.026.009.02.006a1.768 1.768 0 00.175.05l.022.004.025.005.045.009.025.004.024.003a.318.318 0 00.043.006l.028.004.023.002.043.004.03.002h.022a.295.295 0 00.042.002h.042l.005.001h39.628a1.899 1.899 0 001.075-3.465L70.069 15.08 87.602 5.045a1.9 1.9 0 00-1.075-3.465H46.852l-.047.002H46.8l-.013.001-.03.002-.05.005-.015.001-.028.004-.048.006-.02.003-.024.005-.045.008-.025.005-.022.005a2.185 2.185 0 00-.176.049l-.02.006-.025.01c-.014.004-.028.01-.044.016h-.003l-.019.008-.017.007-.004.002h-.002l-.01.005-.03.013-.027.012-.015.007-.005.002-.01.005-.027.014h-.001l-.036.019-.004.002-.007.003-.013.007-.014.009-.01.005-.035.02-.007.004-.019.012-.01.007-.005.003-.004.002a1.69 1.69 0 00-.071.048l-.003.001-.003.003-.012.008-.023.017a2.218 2.218 0 00-.036.027l-.019.015-.019.015-.07.06-.001.002a1.653 1.653 0 00-.133.133l-.002.002a1.215 1.215 0 00-.056.066l-.006.006-.008.01-.018.024-.026.033-.006.008-.008.01-.012.018-.004.005v.002a1.43 1.43 0 00-.023.033l-.007.01-.008.012-.013.02-.002.003a1.822 1.822 0 00-.023.037l-.003.006-.009.015-.01.02-.003.003a1.533 1.533 0 00-.02.037l-.003.005-.01.019-.006.012-.005.01a1.224 1.224 0 00-.018.037l-.013.027-.008.019a1.923 1.923 0 00-.033.08l-.002.004-.03.084-.007.022-.007.023a1.996 1.996 0 00-.024.088l-.001.002a2.065 2.065 0 00-.037.185l-.002.016-.004.028-.005.045v.005l-.002.02-.001.017v.008a1.653 1.653 0 00-.004.044v.028L45 3.432v.015zm130 53.42v15.268l.001.033.001.028v.001l.003.046.001.005.001.018.002.02.001.006.002.02.003.023.003.028.003.021a2.144 2.144 0 00.037.18l.001.002.011.044.013.044.008.023.007.022.031.087.001.002.037.087.005.01.013.028.01.021.011.02.002.006.007.012.01.02.003.006.02.035.006.01.007.013.015.024.021.034.002.002.004.007.009.014.012.019.003.003a.619.619 0 00.023.033l.001.002.003.005.013.017.012.016.002.003a.34.34 0 00.019.024l.007.01.019.023.011.013.003.003c.018.023.038.045.057.066l.004.005.066.067c.015.016.032.031.048.046l.019.017.002.002.071.06.019.015.019.015c.012.01.024.018.037.027l.023.017.012.008.003.003.003.001.031.021.041.027.004.002.005.003.011.007.024.015h.002l.039.023.006.003.015.009.013.007.007.003.01.005.031.016.005.003.024.011.03.014.028.013.04.016.002.001.004.002.017.007.025.01.042.015.026.009.02.006a1.86 1.86 0 00.179.05l.022.004.026.005.013.003.032.006.025.004.025.003a.332.332 0 00.044.006l.028.004.023.002.044.004.03.002h.023c.014.002.028.002.043.002h.042l.006.001h32.14c.846 0 1.593-.542 1.843-1.337a1.883 1.883 0 00-.751-2.128L196.41 64.5l13.752-6.035a1.883 1.883 0 00.751-2.128A1.926 1.926 0 00209.07 55h-32.188l-.021.001-.027.001h-.005l-.013.001-.03.002-.051.005-.016.001-.028.004-.021.002-.028.004-.02.003-.025.005-.024.004-.021.004-.026.005-.022.005a2.55 2.55 0 00-.139.036l-.04.013-.02.006-.026.01-.024.008-.02.008h-.003l-.02.008-.017.007-.004.002h-.002l-.011.005-.029.013-.028.012-.016.007-.005.002-.009.005-.028.014h-.001l-.037.019-.004.002-.007.003-.013.007-.015.009-.009.005-.036.02-.007.004-.019.012-.011.007-.005.003-.004.002a1.598 1.598 0 00-.072.048l-.003.001-.003.003-.012.008-.023.017a.847.847 0 00-.037.027l-.019.015-.019.015a1.206 1.206 0 00-.047.039l-.024.021-.002.002-.035.032-.015.014-.02.02a3.398 3.398 0 00-.065.067l-.002.002c-.019.021-.039.043-.057.066l-.006.006-.008.01-.019.024-.008.01-.018.023-.006.008-.008.01-.013.018-.003.005-.001.002a.583.583 0 00-.023.033l-.007.01-.008.012-.013.02-.002.003-.012.02-.011.017-.004.006-.009.015-.011.02-.002.003-.013.024-.008.013-.012.024-.007.012-.004.009a.556.556 0 00-.019.038l-.013.027-.008.019a2.086 2.086 0 00-.034.08l-.002.004-.015.041-.015.043-.007.022-.008.023-.016.055-.008.033-.001.002a3.07 3.07 0 00-.037.185l-.003.016-.003.028-.006.045v.005l-.002.02-.001.017-.001.008-.003.044v.005l-.001.023v.024l-.001.01zM339 89.9v-.034l.001-.009v-.024l.001-.023v-.005l.003-.044.001-.008.001-.018.002-.02v-.004l.003-.027.003-.018.003-.028.003-.016.006-.041.01-.052a3.07 3.07 0 01.021-.092l.001-.002c.007-.03.015-.059.024-.088l.008-.023.007-.022a.499.499 0 01.013-.036l.017-.048.002-.005.034-.08.008-.018.013-.027a.556.556 0 01.019-.038l.004-.009.007-.012.01-.02.002-.004.011-.019.01-.018.002-.004.011-.019.009-.015.004-.006.023-.037.002-.002.013-.021.008-.012.007-.01.014-.02.009-.013.001-.002.003-.005.013-.017.008-.01.006-.01.026-.032.019-.024.008-.01.006-.007.009-.01.048-.056.002-.001.038-.04.027-.028.07-.065.002-.002.071-.06.019-.015.019-.015.024-.018.013-.01.023-.016.012-.008.003-.003.003-.001a.696.696 0 01.034-.023l.019-.013.019-.012.004-.002.005-.003.011-.007.019-.012.007-.004.036-.02.009-.005.015-.009.013-.007.007-.003.023-.012.018-.009h.001l.028-.014.009-.004.005-.003.016-.007.028-.012.03-.013.01-.005h.002l.021-.009.02-.008h.003l.024-.01.02-.007.026-.009.02-.006a1.914 1.914 0 01.179-.05l.022-.004.026-.005.045-.009.025-.004.02-.003.049-.006.028-.004.016-.001.051-.005.03-.002h.018c.019-.002.033-.002.048-.002l.031-.001h32.157c.846 0 1.593.542 1.843 1.337a1.883 1.883 0 01-.751 2.128L360.41 97.5l13.752 6.035a1.883 1.883 0 01.751 2.128A1.926 1.926 0 01373.07 107h-32.157l-.031-.001-.043-.001-.01-.001h-.013l-.03-.002-.044-.004-.023-.002-.028-.004-.034-.004-.01-.002-.025-.003-.025-.004-.045-.009-.026-.005-.022-.005-.026-.006a1.412 1.412 0 01-.153-.043l-.02-.006-.026-.009-.024-.009-.018-.007-.025-.009-.017-.007-.004-.002-.002-.001-.02-.008-.02-.009-.028-.012-.03-.014-.023-.011-.006-.003a.301.301 0 01-.031-.016l-.01-.005-.007-.003-.013-.007-.015-.009-.006-.003-.019-.011-.02-.011-.002-.001-.024-.015-.011-.007-.005-.003-.004-.002a1.125 1.125 0 01-.072-.048l-.003-.001-.003-.003-.012-.008-.023-.017-.037-.027-.019-.015-.019-.015a1.417 1.417 0 01-.071-.061l-.002-.001a.998.998 0 01-.067-.063l-.066-.067-.004-.005c-.019-.021-.039-.043-.057-.066l-.003-.003-.011-.013-.019-.024-.011-.014-.015-.019-.002-.003-.012-.016-.013-.017-.003-.005-.001-.002a.657.657 0 01-.023-.033l-.003-.004-.012-.018-.009-.014-.004-.007-.002-.002-.021-.034-.015-.024-.007-.013-.006-.01-.011-.019-.009-.016-.003-.007-.01-.019-.007-.012-.002-.005a.546.546 0 01-.021-.042l-.013-.027-.005-.011-.011-.025-.007-.016-.019-.046-.001-.002-.015-.042-.016-.045-.007-.022-.008-.023a1.265 1.265 0 01-.024-.088l-.001-.002a2.784 2.784 0 01-.02-.088l-.01-.052-.007-.04-.003-.021-.003-.028a.63.63 0 01-.005-.043l-.001-.007-.002-.019-.001-.018-.001-.005-.001-.026-.002-.02v-.001l-.001-.028v-.013l-.001-.02V89.899zm57-25.034v15.268l.001.02v.013l.001.028v.001l.002.027.001.019.001.005.001.018.002.02.001.006.005.044.003.027.003.021a2.144 2.144 0 00.037.18l.001.002c.007.03.015.059.024.088l.008.023.007.022.031.087.001.002.037.087.005.01.013.028a.713.713 0 00.021.042l.002.005.007.012.01.02.003.006a.29.29 0 01.013.023l.007.012.006.01.007.013.015.024.021.034.002.002.004.007.009.014.012.019.003.003a.619.619 0 00.023.033l.001.002.003.005.013.017.012.016.002.003.026.033.019.024.011.013.003.003c.018.023.038.045.057.066l.004.005a2.403 2.403 0 00.133.13l.002.002.071.06.019.015.019.015c.012.01.024.018.037.027l.023.017.012.008.003.003.003.001c.023.017.048.032.072.048l.004.002.005.003.011.007.024.015h.002l.018.01.021.013.006.003.015.009.013.007.007.003.01.005.031.016.006.003.023.011.03.014.028.013.04.016.002.001.004.002.017.007.025.01.042.015.026.009.02.006a1.86 1.86 0 00.179.05l.022.004.026.005.045.009.025.004.025.003a.332.332 0 00.044.006l.028.004.023.002.044.004.03.002h.023c.014.002.028.002.043.002h.042l.006.001h32.14c.846 0 1.593-.542 1.843-1.337a1.883 1.883 0 00-.751-2.128L417.41 72.5l13.752-6.035a1.883 1.883 0 00.751-2.128A1.926 1.926 0 00430.07 63h-32.188l-.048.002h-.005l-.013.001-.03.002-.032.003-.019.002-.016.001-.028.004-.049.006-.02.003-.025.005-.027.004-.018.004-.026.005-.022.005a2.55 2.55 0 00-.179.049l-.02.006-.026.01-.044.015-.003.001-.02.008-.017.007-.004.002h-.002l-.022.01a1.415 1.415 0 00-.018.008l-.028.012-.016.007-.005.002-.009.005-.028.014h-.001l-.037.019-.004.002-.007.003-.013.007-.015.009-.009.005-.036.02-.007.004-.019.012-.011.007-.005.003-.004.002a.952.952 0 00-.072.048l-.003.001-.003.003-.012.008-.023.017a.847.847 0 00-.037.027l-.019.015-.019.015-.071.06-.002.002-.043.04a3.398 3.398 0 00-.092.093l-.002.002c-.019.021-.039.043-.057.066l-.006.006-.008.01-.019.024a.307.307 0 01-.016.02l-.01.013-.006.008-.008.01-.013.018-.003.005-.001.002a.583.583 0 00-.023.033l-.007.01-.008.012-.013.02-.002.003a.602.602 0 00-.012.019l-.011.018-.004.006-.009.015-.011.02-.002.003-.021.037-.002.005-.01.019-.007.012-.004.009-.015.03-.004.008-.013.027-.008.019a2.086 2.086 0 00-.034.08l-.002.004-.03.084-.007.022-.008.023a1.318 1.318 0 00-.024.088l-.001.002-.013.053-.008.039a1.497 1.497 0 00-.016.093l-.003.016-.003.028-.006.045v.005l-.002.02-.001.017-.001.008-.003.044v.004l-.001.024v.024l-.001.01z"/>
<path fill="var(--color-fg,#333)" d="M31.937 250c-.225 0-.45-.286-.676-.858-.225-.572-.338-1.057-.338-1.456 0-.139.009-.225.026-.26l6.604-12.22h-5.33c-.26 0-.45-.104-.572-.312-.104-.208-.156-.537-.156-.988v-.806c0-.451.052-.78.156-.988.122-.208.312-.312.572-.312h9.49c.208 0 .416.303.624.91.226.589.338 1.083.338 1.482a.938.938 0 01-.078.416l-6.474 11.986h5.85c.26 0 .45.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312H31.937zm12.866.052c-.832 0-1.248-.191-1.248-.572 0-.139.026-.295.078-.468l4.004-16.536c.121-.485.65-.728 1.586-.728h1.69c.953 0 1.49.243 1.612.728l4.004 16.536c.035.243.052.399.052.468 0 .381-.373.572-1.118.572h-1.378c-.832 0-1.291-.182-1.378-.546l-.676-3.172h-3.952l-.702 3.172c-.07.364-.477.546-1.222.546h-1.352zm6.786-6.89l-1.17-5.512a29.547 29.547 0 01-.312-1.976h-.13c-.087.693-.19 1.352-.312 1.976l-1.144 5.512h3.068zm12.945 7.046c-2.427 0-4.195-.745-5.304-2.236-1.092-1.508-1.638-3.883-1.638-7.124 0-3.12.572-5.443 1.716-6.968 1.161-1.525 2.947-2.288 5.356-2.288.815 0 1.569.095 2.262.286.537.156.806.529.806 1.118 0 .659-.121 1.248-.364 1.768-.225.52-.511.719-.858.598a5.563 5.563 0 00-1.664-.26c-1.04 0-1.82.477-2.34 1.43-.503.953-.754 2.401-.754 4.342 0 1.941.251 3.397.754 4.368.52.953 1.343 1.43 2.47 1.43.33 0 .607-.017.832-.052.225-.052.52-.13.884-.234a.8.8 0 01.234-.026c.347 0 .607.217.78.65.173.433.26 1.005.26 1.716 0 .26-.052.485-.156.676-.104.173-.303.312-.598.416a6.276 6.276 0 01-1.17.26 8.53 8.53 0 01-1.508.13zm6.941-.156c-1.005 0-1.507-.277-1.507-.832v-16.64c0-.555.502-.832 1.507-.832h1.04c1.023 0 1.534.277 1.534.832v7.748l.104.026 3.51-8.112a.707.707 0 01.443-.39c.208-.069.502-.104.884-.104h1.43c.953 0 1.43.13 1.43.39 0 .121-.052.303-.156.546l-4.03 8.034 4.316 8.398c.103.191.155.373.155.546 0 .26-.45.39-1.352.39h-1.716c-.398 0-.71-.035-.935-.104a.711.711 0 01-.469-.39l-3.535-8.164-.079.026v7.8c0 .555-.51.832-1.534.832h-1.04zm16.166 0c-1.022 0-1.534-.277-1.534-.832v-7.072l-4.004-9.23-.156-.312a1.24 1.24 0 01-.078-.338c0-.156.13-.277.39-.364.278-.104.668-.156 1.17-.156h1.326c.85 0 1.326.165 1.43.494l2.028 6.396 2.002-6.396c.052-.191.2-.321.442-.39.243-.069.572-.104.988-.104h1.092c1.092 0 1.638.173 1.638.52 0 .173-.06.39-.182.65l-4.004 9.308v6.994c0 .555-.51.832-1.534.832h-1.014zm19.035-5.85c-.26 0-.468-.043-.624-.13-.156-.104-.295-.269-.416-.494l-1.924-3.588a7.687 7.687 0 01-.312-.65c-.104-.26-.182-.451-.234-.572l-.104.026c.104.624.156 1.101.156 1.43v8.996c0 .295-.121.511-.364.65-.225.121-.607.182-1.144.182h-.884c-.537 0-.927-.061-1.17-.182-.226-.139-.338-.355-.338-.65v-16.64c0-.295.112-.503.338-.624.242-.139.633-.208 1.17-.208h.806c.416 0 .745.061.988.182.243.104.433.286.572.546l3.224 6.11c.173.312.338.728.494 1.248.121-.468.277-.884.468-1.248l3.224-6.11c.139-.26.329-.442.572-.546.243-.121.572-.182.988-.182h.806c.537 0 .919.069 1.144.208.243.121.364.329.364.624v16.64c0 .295-.121.511-.364.65-.225.121-.607.182-1.144.182h-.884c-.537 0-.927-.061-1.17-.182-.225-.139-.338-.355-.338-.65v-8.996a6.6 6.6 0 01.182-1.43l-.104-.026a10.04 10.04 0 01-.572 1.222l-1.924 3.588c-.121.225-.26.39-.416.494-.156.087-.364.13-.624.13h-.442zm10.516 5.85c-.832 0-1.248-.191-1.248-.572 0-.139.026-.295.078-.468l4.004-16.536c.121-.485.65-.728 1.586-.728h1.69c.953 0 1.49.243 1.612.728l4.004 16.536c.034.243.052.399.052.468 0 .381-.373.572-1.118.572h-1.378c-.832 0-1.292-.182-1.378-.546l-.676-3.172h-3.952l-.702 3.172c-.07.364-.477.546-1.222.546h-1.352zm6.786-6.89l-1.17-5.512a28.791 28.791 0 01-.312-1.976h-.13a30.073 30.073 0 01-.312 1.976l-1.144 5.512h3.068zm14.783 7.046c-1.733 0-3.05-.598-3.952-1.794-.901-1.213-1.352-2.955-1.352-5.226s.442-4.004 1.326-5.2c.902-1.196 2.228-1.794 3.978-1.794 1.751 0 3.077.598 3.978 1.794.902 1.196 1.352 2.929 1.352 5.2 0 2.271-.45 4.013-1.352 5.226-.901 1.196-2.227 1.794-3.978 1.794zm.026-3.042c.503 0 .858-.295 1.066-.884.226-.607.338-1.638.338-3.094s-.112-2.479-.338-3.068c-.208-.589-.563-.884-1.066-.884-.52 0-.892.295-1.118.884-.208.589-.312 1.612-.312 3.068s.104 2.487.312 3.094c.226.589.598.884 1.118.884zm8.959 2.886c-.988 0-1.482-.277-1.482-.832v-8.294c0-1.231-.043-2.106-.13-2.626-.087-.52-.13-.841-.13-.962 0-.312.364-.537 1.092-.676.728-.156 1.361-.234 1.898-.234.329 0 .546.095.65.286.104.191.173.442.208.754.052.295.095.529.13.702a4.796 4.796 0 011.43-1.404 3.562 3.562 0 011.976-.572c.953 0 1.673.312 2.158.936.503.607.754 1.499.754 2.678v9.412c0 .555-.503.832-1.508.832h-.884c-1.005 0-1.508-.277-1.508-.832v-8.528c0-.451-.069-.78-.208-.988-.139-.225-.39-.338-.754-.338-.468 0-.901.277-1.3.832v9.022a.675.675 0 01-.364.624c-.243.139-.615.208-1.118.208h-.91zm18.1 0c-.399 0-.694-.043-.884-.13a.546.546 0 01-.338-.416l-3.406-16.692a.823.823 0 01-.026-.208c.017-.087.026-.147.026-.182 0-.451.511-.676 1.534-.676h.754c1.04 0 1.594.269 1.664.806l1.222 9.594c.242 2.045.381 3.345.416 3.9h.104c.104-.919.286-2.219.546-3.9l1.586-9.854c.034-.208.138-.347.312-.416.19-.087.494-.13.91-.13h1.3c.416 0 .71.043.884.13a.5.5 0 01.338.416l1.56 9.854c.19 1.161.364 2.487.52 3.978h.104c.052-.78.208-2.106.468-3.978l1.248-9.594c.069-.537.624-.806 1.664-.806h.598c1.022 0 1.534.225 1.534.676 0 .156-.009.286-.026.39L177 249.506c-.07.364-.477.546-1.222.546h-1.716c-.694 0-1.084-.182-1.17-.546l-1.56-8.138a20.45 20.45 0 01-.312-2.08 38.825 38.825 0 01-.13-2.262h-.104a23.528 23.528 0 01-.182 2.314 22.868 22.868 0 01-.286 2.028l-1.586 8.138c-.07.364-.46.546-1.17.546h-1.716zm17.236-.052c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.399-.26.728-.26h7.67c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-4.576v3.77h4.056c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-4.056v4.212h4.602c.26 0 .442.104.546.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.104.208-.286.312-.546.312h-7.696zm11.857 0c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.146c0-.347.078-.598.234-.754.156-.173.399-.26.728-.26h4.654c3.64 0 5.46 1.465 5.46 4.394 0 1.941-.78 3.371-2.34 4.29l.026.104c.884.26 1.577.763 2.08 1.508.503.745.754 1.673.754 2.782 0 1.543-.503 2.782-1.508 3.718-.988.936-2.453 1.404-4.394 1.404h-4.732zm4.68-10.79c.555 0 .962-.173 1.222-.52.277-.364.416-.927.416-1.69 0-.745-.13-1.274-.39-1.586-.243-.329-.641-.494-1.196-.494h-1.846v4.29h1.794zm.182 7.644c.641 0 1.109-.182 1.404-.546.312-.364.468-.962.468-1.794 0-.797-.147-1.361-.442-1.69-.295-.347-.771-.52-1.43-.52h-1.976v4.55h1.976zM212.509 250c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.399-.26.728-.26h4.94c2.254 0 3.909.754 4.966 2.262 1.075 1.508 1.612 3.787 1.612 6.838s-.537 5.33-1.612 6.838c-1.057 1.508-2.712 2.262-4.966 2.262h-4.94zm4.81-3.406c.919 0 1.578-.425 1.976-1.274.399-.867.598-2.34.598-4.42s-.199-3.545-.598-4.394c-.398-.867-1.057-1.3-1.976-1.3h-1.664v11.388h1.664zM227.491 250c-.33 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.398-.26.728-.26h7.67c.26 0 .45.104.572.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.122.208-.312.312-.572.312h-4.576v3.77h4.056c.26 0 .45.104.572.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.122.208-.312.312-.572.312h-4.056v4.212h4.602c.26 0 .442.104.546.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.104.208-.286.312-.546.312h-7.696zm14.768.208c-.849 0-1.69-.121-2.522-.364-.832-.26-1.438-.607-1.82-1.04-.225-.312-.338-.615-.338-.91 0-.485.13-.979.39-1.482s.546-.754.858-.754c.139 0 .356.087.65.26.312.173.538.295.676.364.676.347 1.274.52 1.794.52.555 0 1.04-.13 1.456-.39.416-.26.624-.702.624-1.326 0-.659-.199-1.17-.598-1.534-.398-.381-1.022-.797-1.872-1.248-1.3-.745-2.253-1.517-2.86-2.314-.589-.797-.884-1.855-.884-3.172 0-1.057.234-1.976.702-2.756a4.64 4.64 0 011.924-1.82c.832-.433 1.777-.65 2.834-.65.59 0 1.214.095 1.872.286.659.173 1.17.39 1.534.65.312.225.468.529.468.91 0 .451-.104.927-.312 1.43-.19.503-.433.754-.728.754-.138 0-.39-.069-.754-.208-.676-.26-1.239-.39-1.69-.39-.728 0-1.23.156-1.508.468-.26.312-.39.667-.39 1.066 0 .624.165 1.101.494 1.43.33.312.858.659 1.586 1.04.156.069.39.191.702.364 1.196.693 2.054 1.439 2.574 2.236.538.797.806 1.846.806 3.146a5.96 5.96 0 01-.624 2.704c-.416.815-1.048 1.473-1.898 1.976-.849.503-1.898.754-3.146.754zm8.854-.13c-1.005 0-1.508-.286-1.508-.858v-16.64c0-.572.503-.858 1.508-.858h1.092c.988 0 1.482.286 1.482.858v16.64c0 .572-.494.858-1.482.858h-1.092zm16.035-10.738c.329 0 .572.087.728.26.156.156.234.416.234.78v7.748c0 .399-.269.763-.806 1.092-.52.312-1.17.555-1.95.728-.78.173-1.526.26-2.236.26-2.427 0-4.221-.754-5.382-2.262-1.144-1.525-1.716-3.891-1.716-7.098 0-3.12.58-5.443 1.742-6.968 1.161-1.525 2.964-2.288 5.408-2.288.78 0 1.534.095 2.262.286.728.173 1.317.407 1.768.702.45.277.676.563.676.858 0 .225-.096.529-.286.91-.174.381-.39.719-.65 1.014-.26.277-.494.416-.702.416-.07 0-.252-.061-.546-.182a5.088 5.088 0 00-.988-.338 4.772 4.772 0 00-1.3-.156c-1.11 0-1.924.468-2.444 1.404-.52.936-.78 2.392-.78 4.368 0 2.115.242 3.614.728 4.498.502.867 1.239 1.3 2.21 1.3a4.74 4.74 0 001.066-.104v-3.796h-1.326c-.26 0-.451-.104-.572-.312-.122-.208-.182-.537-.182-.988v-.832c0-.451.06-.78.182-.988.121-.208.312-.312.572-.312h4.29zm5.115 10.712c-1.005 0-1.508-.277-1.508-.832v-16.64c0-.555.503-.832 1.508-.832h.676c.347 0 .624.052.832.156.208.087.382.277.52.572l4.68 8.476c.243.451.538 1.127.884 2.028l.104-.052c-.138-.901-.208-1.586-.208-2.054v-8.294c0-.555.503-.832 1.508-.832h.624c1.006 0 1.508.277 1.508.832v16.64c0 .555-.502.832-1.508.832h-.494c-.346 0-.632-.043-.858-.13-.225-.104-.407-.303-.546-.598l-4.966-8.84c-.156-.26-.39-.815-.702-1.664l-.13.078c.139.797.208 1.387.208 1.768v8.554c0 .555-.502.832-1.508.832h-.624zm13.516 3.198c-.277 0-.537-.052-.78-.156-.242-.087-.364-.225-.364-.416 0-.087.026-.217.078-.39a6.15 6.15 0 00.078-.468l.156-.52a14.58 14.58 0 00.442-1.872c.122-.624.182-1.387.182-2.288 0-.763.503-1.144 1.508-1.144h.52c.52 0 .902.104 1.144.312.243.208.364.485.364.832 0 .919-.199 1.855-.598 2.808-.381.936-.84 1.716-1.378 2.34-.537.641-.988.962-1.352.962zm9.859-3.25c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.38c0-.555.503-.832 1.508-.832h1.04c1.006 0 1.508.277 1.508.832v14.014h3.874c.278 0 .477.104.598.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.32.312-.598.312h-6.968zm10.776.078c-1.006 0-1.508-.286-1.508-.858v-16.64c0-.572.502-.858 1.508-.858h1.092c.988 0 1.482.286 1.482.858v16.64c0 .572-.494.858-1.482.858h-1.092zm6.934-.026c-1.005 0-1.508-.277-1.508-.832v-16.38c0-.364.078-.624.234-.78.156-.173.399-.26.728-.26h7.15c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-4.056v4.316h3.822c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-3.822v6.292c0 .555-.502.832-1.508.832h-1.04zm10.475-.052c-.33 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.398-.26.728-.26h7.67c.26 0 .45.104.572.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.122.208-.312.312-.572.312h-4.576v3.77h4.056c.26 0 .45.104.572.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.122.208-.312.312-.572.312h-4.056v4.212h4.602c.26 0 .442.104.546.312.121.208.182.537.182.988v.806c0 .451-.061.78-.182.988-.104.208-.286.312-.546.312h-7.696zm10.452 3.25c-.277 0-.537-.052-.78-.156-.242-.087-.364-.225-.364-.416 0-.087.026-.217.078-.39a6.15 6.15 0 00.078-.468l.156-.52a14.58 14.58 0 00.442-1.872c.122-.624.182-1.387.182-2.288 0-.763.503-1.144 1.508-1.144h.52c.52 0 .902.104 1.144.312.243.208.364.485.364.832 0 .919-.199 1.855-.598 2.808-.381.936-.84 1.716-1.378 2.34-.537.641-.988.962-1.352.962zm20.181-6.188c.208 0 .382.26.52.78.156.503.234.867.234 1.092 0 .849-.762 1.274-2.288 1.274-.589 0-1.066-.078-1.43-.234a2.43 2.43 0 01-.936-.806c-.78.399-1.438.676-1.976.832-.537.139-1.204.208-2.002.208-1.577 0-2.764-.477-3.562-1.43-.797-.953-1.196-2.314-1.196-4.082 0-1.196.156-2.175.468-2.938.33-.78.936-1.352 1.82-1.716v-.104c-.589-.312-1.04-.797-1.352-1.456-.312-.659-.468-1.439-.468-2.34 0-1.404.382-2.513 1.144-3.328.763-.815 1.82-1.222 3.172-1.222a4.99 4.99 0 011.768.312c.555.191.832.451.832.78 0 .589-.095 1.092-.286 1.508-.19.416-.39.624-.598.624-.052 0-.182-.026-.39-.078a1.6 1.6 0 00-.546-.104c-.364 0-.641.191-.832.572-.19.381-.286.901-.286 1.56 0 .641.165 1.161.494 1.56.347.399.763.598 1.248.598h1.638l.312-2.47c.052-.555.52-.832 1.404-.832h.91c.867 0 1.3.277 1.3.832v2.47h.572c.26 0 .451.104.572.312.122.208.182.537.182.988v.442c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-.572v4.082c0 .433.018.728.052.884.052.156.174.234.364.234a.685.685 0 00.26-.052.593.593 0 01.208-.052zm-8.71-2.418c0 .867.104 1.508.312 1.924.208.399.598.598 1.17.598.382 0 .746-.043 1.092-.13.347-.087.789-.251 1.326-.494v-4.576h-1.898c-.78 0-1.308.217-1.586.65-.277.416-.416 1.092-.416 2.028zM361.197 250c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.399-.26.728-.26h4.94c2.253 0 3.909.754 4.966 2.262 1.075 1.508 1.612 3.787 1.612 6.838s-.537 5.33-1.612 6.838c-1.057 1.508-2.713 2.262-4.966 2.262h-4.94zm4.81-3.406c.919 0 1.577-.425 1.976-1.274.399-.867.598-2.34.598-4.42s-.199-3.545-.598-4.394c-.399-.867-1.057-1.3-1.976-1.3h-1.664v11.388h1.664zm10.561 3.484c-1.005 0-1.508-.286-1.508-.858v-16.64c0-.572.503-.858 1.508-.858h1.092c.988 0 1.482.286 1.482.858v16.64c0 .572-.494.858-1.482.858h-1.092zm9.301.13a8.95 8.95 0 01-2.522-.364c-.832-.26-1.439-.607-1.82-1.04-.226-.312-.338-.615-.338-.91 0-.485.13-.979.39-1.482s.546-.754.858-.754c.138 0 .355.087.65.26.312.173.537.295.676.364.676.347 1.274.52 1.794.52.554 0 1.04-.13 1.456-.39.416-.26.624-.702.624-1.326 0-.659-.2-1.17-.598-1.534-.399-.381-1.023-.797-1.872-1.248-1.3-.745-2.254-1.517-2.86-2.314-.59-.797-.884-1.855-.884-3.172 0-1.057.234-1.976.702-2.756a4.634 4.634 0 011.924-1.82c.832-.433 1.776-.65 2.834-.65a6.73 6.73 0 011.872.286c.658.173 1.17.39 1.534.65.312.225.468.529.468.91 0 .451-.104.927-.312 1.43-.191.503-.434.754-.728.754-.139 0-.39-.069-.754-.208-.676-.26-1.24-.39-1.69-.39-.728 0-1.231.156-1.508.468-.26.312-.39.667-.39 1.066 0 .624.164 1.101.494 1.43.329.312.858.659 1.586 1.04.156.069.39.191.702.364 1.196.693 2.054 1.439 2.574 2.236.537.797.806 1.846.806 3.146a5.96 5.96 0 01-.624 2.704c-.416.815-1.049 1.473-1.898 1.976-.85.503-1.898.754-3.146.754zm8.853-.156c-1.005 0-1.508-.277-1.508-.832v-16.64c0-.555.503-.832 1.508-.832h.676c.347 0 .624.052.832.156.208.087.382.277.52.572l4.68 8.476c.243.451.538 1.127.884 2.028l.104-.052c-.138-.901-.208-1.586-.208-2.054v-8.294c0-.555.503-.832 1.508-.832h.624c1.006 0 1.508.277 1.508.832v16.64c0 .555-.502.832-1.508.832h-.494c-.346 0-.632-.043-.858-.13-.225-.104-.407-.303-.546-.598l-4.966-8.84c-.156-.26-.39-.815-.702-1.664l-.13.078c.139.797.208 1.387.208 1.768v8.554c0 .555-.502.832-1.508.832h-.624zm14.946-.052c-.329 0-.572-.078-.728-.234-.156-.173-.234-.442-.234-.806v-16.12c0-.364.078-.624.234-.78.156-.173.399-.26.728-.26h7.67c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-4.576v3.77h4.056c.26 0 .451.104.572.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.121.208-.312.312-.572.312h-4.056v4.212h4.602c.26 0 .442.104.546.312.122.208.182.537.182.988v.806c0 .451-.06.78-.182.988-.104.208-.286.312-.546.312h-7.696zm15.237.052c-1.023 0-1.534-.277-1.534-.832v-7.072l-4.004-9.23a44.078 44.078 0 01-.156-.312 1.24 1.24 0 01-.078-.338c0-.156.13-.277.39-.364.277-.104.667-.156 1.17-.156h1.326c.849 0 1.326.165 1.43.494l2.028 6.396 2.002-6.396c.052-.191.199-.321.442-.39s.572-.104.988-.104h1.092c1.092 0 1.638.173 1.638.52 0 .173-.061.39-.182.65l-4.004 9.308v6.994c0 .555-.511.832-1.534.832h-1.014z"/>
<path stroke="var(--color-fg,#333)" stroke-width="3" stroke-linecap="round" d="M14.5 233.5h9m-9 7h9m-9 7h9m415-14h9m-9 7h9m-9 7h9"/>
</svg>
</div>
</a>
<land-glockenspiel></land-glockenspiel>
<nav class="nav" is="land-monorail" aria-label="main navigation">
<div class="monorail-station" role="none">
<div class="monorail-train" role="none">
<div class="monorail-engine" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 78 31" fill="none">
<path fill="var(--color-bg,#fff)" d="M74.73 1v26H25.155l-5.237-4.967H4.608L1 17.197c3.387-4.054 6.994-7.311 10.827-9.768C17.168 4.007 22.786 1.862 28.682 1H74.73z"/>
<path fill="var(--color-monorail-car,#bcf2cd)" fill-rule="evenodd" clip-rule="evenodd" style="transform:var(--monorail-engine-transform,none)" d="M32.61 4h45.12v26H28.756l-5.237-4.967H7.106L3.73 21.166c3.603-4.423 7.456-7.95 11.558-10.579C20.776 7.071 26.55 4.875 32.61 4z"/>
<path opacity=".4" fill="var(--color-monorail-car-window,#69c386)" fill-rule="evenodd" clip-rule="evenodd" d="M53.237 7l-4.203 10-41.575-.002c2.5-2.53 5.11-4.668 7.83-6.41a46.577 46.577 0 016.729-3.59L53.238 7h-.001zm5.829 0h7.919l1.776 10H54.73l4.336-10z"/>
<path clip-rule="evenodd" vector-effect="non-scaling-stroke" stroke="var(--color-monorail-car-outline,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--monorail-engine-outline-dasharray,0)" filter="var(--monorail-engine-outline-filter)" d="M74.73 1v26H25.155l-5.237-4.967H4.608L1 17.197c3.387-4.054 6.994-7.311 10.827-9.768C17.168 4.007 22.786 1.862 28.682 1H74.73z"/>
</svg>
</div>
<a href="/" aria-current="page" class="monorail-car active">
<span role="none">Entrance</span>
</a>
<a href="/articles/" class="monorail-car">
<span role="none">Articles</span>
</a>
<a href="/drawings/" class="monorail-car">
<span role="none">Drawings</span>
</a>
<a href="/about/" class="monorail-car">
<span role="none">About</span>
</a>
<div class="monorail-engine" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 78 31" fill="none">
<path fill="var(--color-bg,#fff)" d="M1 1v26h49.575l5.237-4.967h15.31l3.607-4.836c-3.387-4.054-6.994-7.311-10.827-9.768C58.562 4.007 52.944 1.862 47.048 1H1z"/>
<path fill="var(--color-monorail-car,#bcf2cd)" fill-rule="evenodd" clip-rule="evenodd" style="transform:var(--monorail-engine-transform,none)" d="M50.12 4H5v26h48.974l5.237-4.967h16.413L78 21.166c-2.936-4.423-6.456-7.95-10.558-10.579C61.954 7.071 56.18 4.875 50.12 4z"/>
<path opacity=".4" fill="var(--color-monorail-car-window,#69c386)" fill-rule="evenodd" clip-rule="evenodd" d="M60.712 6.998a46.587 46.587 0 016.73 3.59c2.72 1.743 5.183 3.88 7.39 6.412h-49.63L21 7l39.712-.002zM15.695 7h-7.92L6 17h14.03L15.695 7z"/>
<path clip-rule="evenodd" vector-effect="non-scaling-stroke" stroke="var(--color-monorail-car-outline,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--monorail-engine-outline-dasharray,0)" filter="var(--monorail-engine-outline-filter)" d="M1 1v26h49.575l5.237-4.967h15.31l3.607-4.836c-3.387-4.054-6.994-7.311-10.827-9.768C58.562 4.007 52.944 1.862 47.048 1H1z"/>
</svg>
</div>
</div>
</div>
</nav>
</header>
<main id="content">
<div class="entrance margin-trim" role="none">
<section class="intro surface" aria-label="About marchbox.com">
<header>
<h1>MarchBox</h1>
<p class="intro-subtitle">Zacky Ma on web design, life, & Disney</p>
</header>
<p>I’m a web developer who enjoys drawing and loves Disney. On this website, I write <a href="/articles/">my opinions</a> about web design and development, Disney, and other interesting things in my life. I also post <a href="/drawings/">some of my doodlings</a>.</p>
<footer>
<p><a href="/about" class="readmore">Learn more about the site</a></p>
</footer>
</section>
<section aria-labelledby="heading-articles" class="margin-trim">
<h2 id="heading-articles">Recent articles</h2>
<div class="articles-list" role="none">
<article>
<header>
<h3>
<a href="/articles/2023-08/regina-spektor/">Regina Spektor</a>
</h3>
<div class="post-meta" role="none">
<p><time datetime="2023-8-7">August 7, 2023</time></p>
</div>
</header>
<p>Last Saturday, we went to our 2nd <a href="https://reginaspektor.com">Regina Spektor</a> concert this year. We went to see her at Walt Disney Concert Hall in LA back in March, and had a really great time. After we came back home, I saw she was coming to Woodinville, WA, about 3 miles from our house.</p>
<p>
<a href="/articles/2023-08/regina-spektor/" title="Continue reading article “Regina Spektor”">
Continue reading
</a>
</p>
</article>
<article>
<header>
<h3>
<a href="/articles/2023-03/background-origin/">Gradient background with transparent borders</a>
</h3>
<div class="post-meta" role="none">
<p><time datetime="2023-3-17">March 17, 2023</time></p>
</div>
</header>
<p>Everybody is asking about how to create gradient borders with transparent backgrounds. But I just had to solve an issue that’s in the opposite situation and learned about <code>background-origin</code>.</p>
<p>
<a href="/articles/2023-03/background-origin/" title="Continue reading article “Gradient background with transparent borders”">
Continue reading
</a>
</p>
</article>
<article>
<header>
<h3>
<a href="/articles/2023-01/using-domtokenlist/">Using DOMTokenList</a>
</h3>
<div class="post-meta" role="none">
<p><time datetime="2023-1-4">January 4, 2023</time></p>
</div>
</header>
<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList"><code>DOMTokenList</code></a> is a built-in DOM interface that represents a set of string tokens. If you are familiar with <code>classList</code>, you are already familiar with it. In a recent project, I wanted to make a custom element property as a <code>DOMTokenList</code>, here’s what I learned.</p>
<p>
<a href="/articles/2023-01/using-domtokenlist/" title="Continue reading article “Using DOMTokenList”">
Continue reading
</a>
</p>
</article>
<article>
<header>
<h3>
<a href="/articles/2022-07/letter-based-avatars-in-js/">Generate letter-based default avatars in JavaScript</a>
</h3>
<div class="post-meta" role="none">
<p><time datetime="2022-7-23">July 23, 2022</time></p>
</div>
</header>
<p>Many websites take the first letters from a user’s names to generate their default avatar. It is similar to <a href="https://en.wikipedia.org/wiki/Monogram">monograms</a>. If you have to achieve this in JavaScript, I found using Unicode property escapes Regular Expressions is the easiest.</p>
<p>
<a href="/articles/2022-07/letter-based-avatars-in-js/" title="Continue reading article “Generate letter-based default avatars in JavaScript”">
Continue reading
</a>
</p>
</article>
<article>
<header>
<h3>
<a href="/articles/2022-06/html-isnt-gui/">HTML isn’t GUI</a>
</h3>
<div class="post-meta" role="none">
<p><time datetime="2022-6-4">June 4, 2022</time></p>
</div>
</header>
<p>Many web developers take design mockups a bit too literally–thinking the rendered webpages should visually match the mockups. While it’s crucial to carry the visual design over to the coded webpages, there’s much more to our works than just making visual copies of mockups. We develop user interfaces that can be understood and interacted with by different people with different tools.</p>
<p>
<a href="/articles/2022-06/html-isnt-gui/" title="Continue reading article “HTML isn’t GUI”">
Continue reading
</a>
</p>
</article>
</div>
<p><a href="/articles/" class="readmore">Read more articles</a></p>
</section>
<section aria-labelledby="heading-drawings" class="margin-trim">
<h2 id="heading-drawings">Recent drawings</h2>
<div class="drawing-gallery" role="none">
<article class="drawing" aria-label="Arctic">
<a href="/drawings/inktober-2025-19/">
<figure>
<picture><source type="image/avif" srcset="/drawings/gallery/NkNyrCPSkg-600.avif 600w, /drawings/gallery/NkNyrCPSkg-1240.avif 1240w" sizes="(max-width: 300px) 300px, 620px"><source type="image/webp" srcset="/drawings/gallery/NkNyrCPSkg-600.webp 600w, /drawings/gallery/NkNyrCPSkg-1240.webp 1240w" sizes="(max-width: 300px) 300px, 620px"><img src="/drawings/gallery/NkNyrCPSkg-600.jpeg" alt="Arctic" width="1240" height="1240" srcset="/drawings/gallery/NkNyrCPSkg-600.jpeg 600w, /drawings/gallery/NkNyrCPSkg-1240.jpeg 1240w" sizes="(max-width: 300px) 300px, 620px"></picture>
<figcaption class="margin-trim surface">
Inktober 2025 № 19: That was quite a long migrantion for the penguin to reach the arctic, fortunately, the native inhabitants will be welcoming them in a minute, after they get over their instinctual fears.
</figcaption>
</figure>
</a>
</article>
</div>
<p><a href="/drawings/" class="readmore">View more drawings</a></p>
</section>
</div>
</main>
<footer class="footer">
<div class="fenced" role="none">
<ul class="footer-links">
<li><a href="/about/#subscribe">Subscribe</a></li>
<li><a href="/about/#contact">Contact</a></li>
<li><a rel="me" href="https://m.marchbox.com/@zacky">@zacky@marchbox.com</a></li>
</ul>
<p>©2022–2026 <a href="/about/">Zacky Ma</a></p>
</div>
<land-sidewalks role="img" aria-label="An abstract portrait of sidewalks, with trees that are composed with circles that represent canopies and sticks that represent trunks and branches. And thank you for reading through the end.">
<div class="container" aria-hidden="true">
<div class="sidewalk sidewalk-start">
<div class="tree tree-1"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 74 102" fill="none" fill-rule="evenodd">
<circle fill="var(--color-tree-leaf,#bcf2cd)" vector-effect="non-scaling-stroke" stroke="var(--color-tree-leaf-outline)" stroke-width="2" stroke-dasharray="var(--tree-light-dasharray,0)" stroke-linecap="round" cx="37" cy="37" r="35"/>
<path vector-effect="non-scaling-stroke" stroke="var(--color-tree-wood,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--tree-light-dasharray,0)" d="M36 42L23 29m14 2l13-13M37 53l13-13M36 63L23 50m13.5-36.5v88"/>
</svg>
</div>
<div class="tree tree-2"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 74 102" fill="none" fill-rule="evenodd">
<circle fill="var(--color-tree-leaf,#bcf2cd)" vector-effect="non-scaling-stroke" stroke="var(--color-tree-leaf-outline)" stroke-width="2" stroke-dasharray="var(--tree-light-dasharray,0)" stroke-linecap="round" cx="37" cy="37" r="35"/>
<path vector-effect="non-scaling-stroke" stroke="var(--color-tree-wood,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--tree-light-dasharray,0)" d="M36 42L23 29m14 2l13-13M37 53l13-13M36 63L23 50m13.5-36.5v88"/>
</svg>
</div>
</div>
<div class="sidewalk sidewalk-end">
<div class="tree tree-3"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 74 102" fill="none" fill-rule="evenodd">
<circle fill="var(--color-tree-leaf,#bcf2cd)" vector-effect="non-scaling-stroke" stroke="var(--color-tree-leaf-outline)" stroke-width="2" stroke-dasharray="var(--tree-light-dasharray,0)" stroke-linecap="round" cx="37" cy="37" r="35"/>
<path vector-effect="non-scaling-stroke" stroke="var(--color-tree-wood,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--tree-light-dasharray,0)" d="M36 42L23 29m14 2l13-13M37 53l13-13M36 63L23 50m13.5-36.5v88"/>
</svg>
</div>
<div class="tree tree-4"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 74 102" fill="none" fill-rule="evenodd">
<circle fill="var(--color-tree-leaf,#bcf2cd)" vector-effect="non-scaling-stroke" stroke="var(--color-tree-leaf-outline)" stroke-width="2" stroke-dasharray="var(--tree-light-dasharray,0)" stroke-linecap="round" cx="37" cy="37" r="35"/>
<path vector-effect="non-scaling-stroke" stroke="var(--color-tree-wood,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--tree-light-dasharray,0)" d="M36 42L23 29m14 2l13-13M37 53l13-13M36 63L23 50m13.5-36.5v88"/>
</svg>
</div>
<div class="tree tree-5"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="100%" height="100%" viewBox="0 0 74 102" fill="none" fill-rule="evenodd">
<circle fill="var(--color-tree-leaf,#bcf2cd)" vector-effect="non-scaling-stroke" stroke="var(--color-tree-leaf-outline)" stroke-width="2" stroke-dasharray="var(--tree-light-dasharray,0)" stroke-linecap="round" cx="37" cy="37" r="35"/>
<path vector-effect="non-scaling-stroke" stroke="var(--color-tree-wood,#333)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="var(--tree-light-dasharray,0)" d="M36 42L23 29m14 2l13-13M37 53l13-13M36 63L23 50m13.5-36.5v88"/>
</svg>
</div>
</div>
</div>
</land-sidewalks>
</footer>
<script src="/js/main.js?f6677f02ef8dae2e1ab772ffbefa54f3"></script>
<script async defer src="https://scripts.withcabin.com/hello.js"></script>

<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="31d1988b-25c5-48cc-8120-ae9043589e21" data-netlify-deploy-branch="mainstreet" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiMzFkMTk4OGItMjVjNS00OGNjLTgxMjAtYWU5MDQzNTg5ZTIxIiwiYWNjb3VudF9pZCI6IjYyMzZjNDczYTQ1ZTlkMDJlOTZmMGNhMSIsImRlcGxveV9pZCI6IjY5YTRhNzY4OTY2Nzg2MDAwOGU1YTAyZCIsImlzc3VlciI6Im5mc2VydmVyIn0.80mugLMSlbkBOoHuPdD73MYnwocKJ8ACe7WacQCMp0o"></script></body>
</html>
