logo.svg

<svg xmlns="http://www.w3.org/2000/svg" width="545" height="40" viewBox="0 0 545 40" preserveAspectRatio="none">
    <style type="text/css">
        #fixed {
            visibility: hidden;
        }
        #flexible {
            visibility: visible;
        }
        @media (max-width: 534px) {
            #fixed {
                visibility: visible;
            }
            #flexible {
                visibility: hidden;
            }
        }
    </style>

    <svg id="flexible" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 545 40" width="90%">
        <g fill="red">
            <!-- Glitc-->
            <svg width="192" height="40" viewBox="0 0 192 40">
                <path d="M28.47 40c12.289 0 20.901-8.895 20.901-20v-2.376l-24.52-.055v8.84h10.093c-.768 1.326-3.237 2.762-6.473 2.762h-7.406c-5.321 0-8.777-3.812-8.777-9.005 0-5.138 3.456-8.84 8.777-8.84h7.406c3.072 0 5.486 1.381 6.857 3.204h13.55C46.628 5.635 38.784 0 28.47 0h-7.406C8.777 0 0 8.066 0 20c0 11.989 9.051 20 21.065 20h7.406Zm62.703-.663V28.674H65.829V.663H53.76v38.674h37.413Zm17.554 0V.663H96.658v38.674h12.069Zm34.011 0V11.326h16.403V.663h-44.928v10.663h16.457v28.011h12.068ZM192 40V28.84h-7.406c-5.211 0-8.777-3.647-8.777-8.84 0-4.972 3.566-8.674 8.777-8.674H192V0h-7.406c-12.288 0-21.065 8.066-21.065 20 0 11.989 9.052 20 21.065 20H192Z"/>
            </svg>

            <!-- ========= -->
            <mask id="mask.gf" x="0" y="0" width="100%" height="40">
                <rect x="0" y="0" width="100%" height="40" fill="#fff"/>
                <rect x="100%" y="0" width="342" height="40" fill="#000" style="transform: translateX(-341px);"/>
                <rect x="0" y="0" width="191" height="40" fill="#000"/>
            </mask>
            <g mask="url(#mask.gf)">
            
                <svg width="100%" height="40" x="0" y="0" viewBox="0 0 1 40" preserveAspectRatio="none">
                    <defs>
                        <pattern id="separator" width="1" height="40" x="0" y="0" patternUnits="userSpaceOnUse" >
                                <path d="M1 40V28.84H0v11.068z" fill="red" />
                                <path d="M0 11.326h1V0H0z" fill="red" />
                        </pattern>
                    </defs>
                    <rect x="0" y="0" width="100%" height="100%" fill="url(#separator)" />
                </svg>
            </g>
            <!-- ch.Family-->
            <g style="transform: translateX(-342px);">
                <svg width="342" height="40" x="100%" y="0" viewBox="0 0 342 40">
                    <path d="M44.663 39.337V24.972h21.072v14.365h12.042V.663H65.735v13.536H44.663V.663H32.62v38.674h12.042Zm50.629 0V27.901H83.25v11.436h12.042Zm17.515 0V26.961h22.714V16.464h-22.714V11.16h26.436V.663h-38.478v38.674h12.042Zm41.871 0 1.587-6.133h21.894l1.587 6.133h12.206L181.826.663h-29.173l-10.126 38.674h12.151Zm20.69-16.906h-16.366l2.846-11.105h10.673l2.847 11.105Zm31.636 16.906v-21.05l13.629 13.702 13.081-13.425v20.773h11.768V.663h-11.768l-13.081 14.254L207.003.663h-11.767v38.674h11.768Zm55.993 0V.663h-12.042v38.674h12.042Zm42.802 0V28.674h-25.287V.663H268.47v38.674h37.329ZM14.652 25.002l13.199.004c-2.058 9.025-9.793 14.85-20.077 14.991L7.39 40H-.47V28.839h7.86c3.17 0 5.737-1.572 7.263-3.837ZM306.806.663l10.235 12.707L327.277.663H342l-18.938 23.702v14.972h-12.041V24.254L292.083.663h14.723ZM7.39 0c10.479 0 18.382 5.86 20.464 15.001l-13.227.005c-1.481-2.12-3.925-3.586-6.942-3.676l-.295-.004-7.86-.001V0h7.86Z" />
                </svg>
            </g>
        </g>
    </svg>
    <svg id="fixed" xmlns="http://www.w3.org/2000/svg" width="534" height="40" viewBox="0 0 534 40">
        <path fill="white" d="M184.594,40 C172.581,40 163.529,31.989 163.529,20 C163.529,8.18777551 172.127791,0.165014994 184.218939,0.00251511488 L198.86,0 C209.339,0 217.242,5.86 219.324,15.001 L206.097,15.006 C204.616,12.886 202.172,11.42 199.155,11.33 L184.594,11.326 C179.383,11.326 175.817,15.028 175.817,20 C175.817,25.1002679 179.25678,28.709257 184.316424,28.8365231 L198.86,28.839 C201.92069,28.839 204.419249,27.3735446 205.961442,25.2338022 L206.123,25.001 L219.321,25.006 C217.263,34.031 209.528,39.856 199.244,39.997 L184.594,40 Z M28.47,0 C38.6446216,0 46.4155489,5.48373174 48.7837268,14.1711837 L48.878,14.53 L35.328,14.53 C34.0059643,12.7721071 31.7140982,11.4252066 28.7976075,11.3312417 L28.471,11.326 L21.065,11.326 C15.744,11.326 12.288,15.028 12.288,20.166 C12.288,25.2662679 15.6216735,29.0344168 20.7817396,29.1673672 L21.065,29.171 L28.471,29.171 C31.5991333,29.171 34.0105478,27.8291378 34.8615646,26.5419094 L34.944,26.409 L24.851,26.409 L24.851,17.569 L49.371,17.624 L49.371,20 C49.371,30.9905155 40.9356517,39.8163631 28.8488944,39.9971712 L28.47,40 L21.065,40 C9.051,40 0,31.989 0,20 C0,8.18777551 8.59879144,0.165014994 20.6889694,0.00251511488 L21.064,0 L28.47,0 Z M236.133,0.663 L236.133,14.199 L257.205,14.199 L257.205,0.663 L269.247,0.663 L269.247,39.337 L257.205,39.337 L257.205,24.972 L236.133,24.972 L236.133,39.337 L224.09,39.337 L224.09,0.663 L236.133,0.663 Z M286.762,27.901 L286.762,39.337 L274.72,39.337 L274.72,27.901 L286.762,27.901 Z M330.713,0.663 L330.713,11.16 L304.277,11.16 L304.277,16.464 L326.991,16.464 L326.991,26.961 L304.277,26.961 L304.277,39.337 L292.235,39.337 L292.235,0.663 L330.713,0.663 Z M373.296,0.663 L383.422,39.337 L371.216,39.337 L369.629,33.204 L347.735,33.204 L346.148,39.337 L333.997,39.337 L344.123,0.663 L373.296,0.663 Z M398.473,0.663 L412.103,14.917 L425.184,0.663 L436.952,0.663 L436.952,39.337 L425.184,39.337 L425.184,18.564 L412.103,31.989 L398.474,18.287 L398.474,39.337 L386.706,39.337 L386.706,0.663 L398.473,0.663 Z M454.467,0.663 L454.467,39.337 L442.425,39.337 L442.425,0.663 L454.467,0.663 Z M471.982,0.663 L471.982,28.674 L497.269,28.674 L497.269,39.337 L459.94,39.337 L459.94,0.663 L471.982,0.663 Z M498.276,0.663 L508.511,13.37 L518.747,0.663 L533.47,0.663 L514.532,24.365 L514.532,39.337 L502.491,39.337 L502.491,24.254 L483.553,0.663 L498.276,0.663 Z M65.829,0.663 L65.829,28.674 L91.173,28.674 L91.173,39.337 L53.76,39.337 L53.76,0.663 L65.829,0.663 Z M108.727,0.663 L108.727,39.337 L96.658,39.337 L96.658,0.663 L108.727,0.663 Z M159.141,0.663 L159.141,11.326 L142.738,11.326 L142.738,39.337 L130.67,39.337 L130.67,11.326 L114.213,11.326 L114.213,0.663 L159.141,0.663 Z M363.991,11.326 L353.318,11.326 L350.472,22.431 L366.838,22.431 L363.991,11.326 Z" ></path>
    </svg>
</svg>