<h1>Scroll down!</h1><svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256.27658 128.02087" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
        <g id="layer10" transform="translate(-31.658 -25.738)">
            <path id="logo-background" stroke-linejoin="round" d="m104.39 89.002 12.796-11.507 12.967-10.253c0.00088-0.0012 3.6212-2.668 7.4542-3.2557 3.7484-0.57471 7.7078 0.92774 8.008 1.0765 1.6006 0.79315 4.9357 2.4685 8.0579 4.1218 3.7564 1.9892 7.1623 3.9676 7.4144 4.0665 1.1543 0.45291 3.2724 1.1629 5.3305 1.0119 1.1614-0.0852 2.3052-0.42834 3.2859-0.82779l0.0665 0.04655c0.001-0.0029 7.1944 7.0421 14.701 10.695 6.1399 2.9881 12.555 3.298 14.154 3.5212 0.17066 0.02382-0.0979 0.75947-0.0979 0.75947-1.3067 2.8365-4.9765 10.437-9.9004 15.344-6.5438 6.5201-15.307 9.7869-15.485 9.8372-1.4542 0.41183-5.8316 1.3395-11.571 1.0666-4.7494-0.22579-9.1628-1.2957-16.162-2.8752-13.993-3.158-28.854-6.6873-31.236-7.1484-0.11608-0.0224-2.5802-5.6453-5.0655-9.6715-2.3428-3.7954-4.7185-6.0084-4.7185-6.0084z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer12" transform="translate(-31.658 -25.738)">
            <path id="logo-bottom" stroke-linejoin="round" d="m160.7 114.92 5.1086 0.14492 5.7835-0.53842 7.8591-15.481 5.0983-14.088c-1.1051 0.04434-6.6041-3.7671-8.027-4.0617l-6.1743 13.454zm1.3946-40.875c0.67351-0.04943-6.1435-3.3055-9.2059-4.7561-0.32991-0.15627-7.6795 7.5918-16.613 15.541-9.0877 8.0864-19.779 16.394-22.247 18.351-0.0659 0.0523 0.13306 1.0271 0.79153 1.2854 2.5394 0.99594 9.4238 2.6259 11.155 3.005 0.15857 0.0347 11.49-9.7338 21.301-19.057 5.0419-4.8602 10.095-9.2484 14.818-14.369z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer11" transform="translate(-31.658 -25.738)">
            <path id="logo-top" stroke-linejoin="round" d="m53.844 76.406s-0.98605-5.6216 1.6297-9.0075c0.66321-0.56792 46.421 4.1728 46.421 4.1728l19.825 2.2432s17.142 1.6026 35.907 6.593c18.358 4.8823 38.357 13.14 37.589 14.463-1.7376 2.996-3.1137 5.4646-5.7148 8.0562-1.6655-0.94928-3.2258-2.2061-4.9585-3.2002-3.2513-1.8654-6.7948-3.4362-10.564-4.7487-9.7475-3.394-19.476-6.1289-29.934-9.3821-1.4433-0.44898-3.9587-0.77446-5.5428-1.0523-6.923-1.2142-13.552-3.2854-25.543-4.5376l-15.079-2.1c-0.199 0.19-10.648-1.589-12.934-1.657-0.34771-0.01032 9.7797 2.0294 9.7473 2.0594l15.363 4.6687c3.2174 1.8056 23.108 7.8452 40.342 15.459 15.559 6.8737 24.863 14.674 24.863 14.674-1.3737 0.38904-9.663 1.7117-15.366 1.6268-0.16128-0.002-11.609-8.3343-24.724-14.668-14.06-6.789-29.84-11.608-30-11.616l-9.674-4.796-10.017-2.064z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>   
        <g id="layer6" transform="translate(-31.658 -25.738)">
            <path id="pink-lower" stroke-linejoin="round" d="m206.48 135.61c7.6693-0.46758 14.452-1.9688 14.939-2.0702 0.01-0.002 19.709-4.3657 34.425-7.3834 15.01-3.0779 18.791-3.561 18.791-3.561l8.5734-2.1856 1.16-3.2709 0.50484-3.3038 0.11313-3.9723-0.30938-3.3341c-1.9751-2.4148-3.7371-5.4182-6.0281-8.2999-1.0803-1.1482-1.8427-1.8903-2.9313-3.0984-0.55763-0.61887-0.72512-0.78814-1.5407-1.4889-0.35671-0.30652-0.78977-0.65281-1.2988-0.9202-0.32463-0.17052-0.70344-0.39502-1.0249-0.56916-0.007-0.004 0.30605 2.1198-0.51659 3.353-0.99244 1.4877-3.0018 2.3157-3.3323 2.4377-0.014 0.0052-2.7765 0.99202-5.6512 1.5695-3.0194 0.60655-6.1691 0.85517-6.5193 0.8814-0.0115 0.00086-7.4243 0.074-13.137 1.3796-4.5583 1.0418-7.8593 3.0226-8.2468 3.2614-0.0123 0.008-0.91018 0.39539-2.6899 2.4919-1.7804 2.0973-4.5589 5.9189-4.8358 6.3007-0.008 0.011-0.77015 1.2725-3.3929 1.415-2.1183 0.11511-5.9304-0.75508-6.3809-0.8601-0.0163-0.004-3.3895-0.88264-6.2876-1.9488-2.2119-0.81377-4.2926-2.0832-4.2926-2.0832z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer7" transform="translate(-31.658 -25.738)">
            <path id="pink-upper" stroke-linejoin="round" d="m271.86 92.155c-0.007-0.004 0.30605 2.1198-0.51659 3.353-0.99244 1.4877-3.0018 2.3157-3.3323 2.4377-0.014 0.0052-2.7765 0.99202-5.6512 1.5695-3.0194 0.60656-6.1691 0.85518-6.5193 0.88141-0.0115 0.00086-7.4243 0.074-13.137 1.3796-4.5583 1.0418-7.8593 3.0226-8.2468 3.2614-0.0123 0.008-0.91018 0.39539-2.6899 2.4919-1.7804 2.0973-4.5589 5.9189-4.8358 6.3007-0.008 0.011-0.77015 1.2725-3.3929 1.415-2.1183 0.11511-5.9304-0.75508-6.3809-0.8601-0.0163-0.004-3.3895-0.88265-6.2876-1.9488-2.0393-0.75026-3.967-1.8878-4.2555-2.0608-0.0117-0.007-0.18659-3.8526 0.54896-7.4815 0.75594-3.7294 2.2072-7.363 2.4008-7.7974 0.0124-0.02785 1.8507-4.9312 2.0173-5.3756 0.001-0.0031 0.17932 0.02733 0.48266 0.08151 0.18637 0.03329 0.41999 0.07554 0.68884 0.12451 2.1564 0.39276 6.5793 1.2173 7.0681 1.3084 0.0274 0.0051 10.621-0.86514 11.763-0.959 0.0611-0.005 3.5802-2.515 4.0098-2.8214 0.004-0.0031-0.0632-0.0605-0.16378-0.15214-0.21338-0.19431-0.57565-0.54259-0.71728-0.85378-0.18233-0.40063-0.0324-0.74584 0.0221-0.84928 0.001-0.0024 0.42575 0.06617 1.1775 0.1622 4.2755 0.54617 18.351 2.3868 25.413 3.4229 1.9906 0.29204 3.4412 0.62357 3.9428 0.75127 0.065 0.01655 1.4343 0.35326 3.0674 0.90417 1.6306 0.55006 3.525 1.3143 3.525 1.3143z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer3" transform="translate(-31.658 -25.738)">
            <path id="tread" stroke-linejoin="round" d="m284.93 109.61s-0.003 0.0426-0.007 0.11818c-0.0115 0.23281-0.0268 0.77896 0.0409 1.3614 0.0799 0.68709-0.0304 1.3272-0.0419 1.5449-0.0453 0.85585-0.16013 2.3322-0.44725 3.792-0.39137 1.9897-1.1932 3.9613-1.2508 4.0994-0.2504 0.59971-0.79281 1.7308-1.7769 3.0661-1.1152 1.5132-2.9234 3.2888-4.7836 4.851-4.3713 3.6711-10.623 6.1996-10.854 6.2935-1.3168 0.53428-4.392 1.7356-8.482 3.0361-3.0912 0.98291-6.9259 1.9406-10.622 2.9085-6.0118 1.5745-10.616 2.3129-18.058 3.7258-15.626 2.9668-34.107 3.8379-38.425 3.9409-9.6496 0.23023-19.604-0.26096-19.865-0.27103-3.142-0.12115-15.069-0.5576-29.301-0.76919-23.036-0.34249-51.892-0.42496-57.339-0.57647-2.9787-0.0829-5.8983-0.20951-8.3166-0.32988-3.092-0.1539-5.3644-0.29752-5.8925-0.32612-1.9991-0.10824-4.6155-0.26211-7.2487-0.45576-3.6119-0.26564-7.3982-0.67557-9.5834-0.91157-2.6464-0.28579-5.5035-0.7525-7.9977-1.1549-3.7913-0.61162-7.0179-2.0078-7.6841-2.2318-1.2047-0.40499-2.2008-1.0003-2.6289-1.2184-0.1355-0.0691-0.24091-0.0198-0.24325-0.0188l-0.07458 0.0298c-0.18632 0.0745-0.21507 0.38405-0.3353 0.61936-0.6727 1.3166-1.5344 3.4074-1.3106 4.1036 0.2685 0.83533 1.3127 1.3723 1.5215 1.3723 0.20883 0 0.56683-0.71599 0.65633-0.71599s0.2685 0 0.29833 0.2685c0.02983 0.26849-0.0895 0.71599-0.0895 0.71599s-0.11933 0.29833 0.23867 0.32817c0.358 0.0298 1.0143 0.179 1.0143 0.179s0.23866 0 0.23866-0.2685 0.4475-0.0895 0.4475-0.0895 0.32816-0.0597 0.14916 0.32816c-0.179 0.38783 1.9988 0.895 1.9988 0.895s0.56683 0.179 0.56683-0.179 0.358-0.179 0.358-0.179 0.29833 0.0597 0.05967 0.50716c-0.23866 0.4475 3.7291 0.74583 3.7291 0.74583s0.8055 0.0895 0.8055-0.358c0-0.44749 0.32816-0.179 0.32816-0.179s0.11933 0.23867 0.02983 0.65633c-0.0895 0.41767 4.7136 0.895 4.7136 0.895s0.29833-0.0298 0.38783-0.4475c0.0895-0.41766 0.358-0.20883 0.358-0.20883s0.20883-0.14917 0.0895 0.74583c-0.11933 0.89499 35.143 1.8795 35.143 1.8795s0.65633 0.14916 0.59666-0.358c-0.0597-0.50716 0.29833-1.4618 0.29833-1.4618s0.41767-0.26849 0.38783 0.20884c-0.0298 0.47733 0.0895 1.253 0.0895 1.253s0 0.47733 0.47733 0.47733 5.2506 0.14917 5.2506 0.14917 0.65633 0.11933 1.074-0.83533 1.1635-0.11934 1.1337 0.0597c-0.0298 0.179 0.179 0.83533 0.895 0.83533h5.7578s0.537 0.0597 1.1038-0.80549c0.56683-0.86516 1.1635 0.62649 1.1635 0.62649s0.4475 0.56683 2.0585 0.47733 3.5203-0.0895 3.5203-0.0895 0.4475 0.0895 0.895-0.71599c0.44749-0.8055 1.2232-0.23867 1.2232-0.23867s0.23866 0.23867 0.26849 0.537c0.0298 0.29833 12.142 0.47733 12.142 0.47733s0.23866 0.29833 1.1038-0.537c0.86516-0.83532 1.4022 0.29834 1.4022 0.29834s-0.0298 0.20883 0.92483 0.20883c0.95466 0 15.215 0.23866 15.215 0.23866s1.0442 0.0597 1.0442-0.89499c0-0.95466 0.41767-1.0143 0.41767-1.0143s0.44749 0.0597 0.44749 0.8055c0 0.74582 0.0298 0.89499 0.0298 0.89499s0 0.38783 0.80549 0.32817c0.8055-0.0597 5.5191-0.0298 5.5191-0.0298s0.47732 0.0597 1.4022-0.56683c0.92482-0.62649 2.0286-0.20883 2.0286-0.20883s0.56683 0.29833 0.74583 0.716c0.179 0.41766 1.1038 0.41766 1.1038 0.41766h6.7423s0.68616 0.11933 0.92482-1.074c0.23867-1.1933 0.59666-1.3425 0.59666-1.3425s0.32817-0.14916 0.50716 0.86517c0.179 1.0143 0.358 1.0442 0.358 1.0442s0.38783 0.47733 1.0442 0.44749c0.65633-0.0298 9.308 0.14917 9.308 0.14917s0.358 0.14917 0.59667-0.895 0.44749-1.1933 0.44749-1.1933 0.47733-0.11933 0.59666 0.68616c0.11933 0.8055 0.179 1.1933 0.179 1.1933s0.0597 0.44749 1.3127 0.38783c1.253-0.0597 19.929-0.14917 19.929-0.14917s6.6528-0.32816 7.0705-0.38783c0.41766-0.0597 6.7423-0.537 7.16-0.62649 0.41767-0.0895 5.1313-0.56683 5.3103-0.56683s0.89499 0.17899 1.2828-0.65633c0.38783-0.83533 1.3127-0.6265 1.3127-0.6265s0.41767-0.0298 0.716 0.2685c0.29833 0.29833 0.29833 0.77566 1.0442 0.68616 0.74583-0.0895 3.7291-0.47733 3.7291-0.47733s0.74583-0.2685 0.8055-0.68616c0.0597-0.41767 0.68616-0.77566 0.98449-0.32817 0.29833 0.4475 0.9845 0.716 1.3425 0.6265s3.2816-0.65633 3.2816-0.65633 0.74583 0.11933 0.9845-1.2232c0.23866-1.3425 1.7602-0.0298 1.7602-0.0298s0.77566 0.68616 1.9093 0.47733c1.1337-0.20883 9.0096-2.2673 9.5764-2.4762 0.56683-0.20884 7.8163-2.5955 8.055-2.7745 0.23866-0.179 0.89499-1.1038 1.1038-1.7005 0.20883-0.59666 0.50716 0.11933 0.50716 0.59666 0 0.47734 0.8055 0.23867 0.8055 0.23867l6.1156-2.6587 0.39061-0.19965-0.27506-0.91668 0.34329 0.88882 0.47273-0.19309 5.0054-2.3205s0.358-0.179 0.29834-0.77566c-0.0597-0.59667 0.6265-0.0298 0.6265-0.0298s0.14916 0.23867 0.86516-0.14916 9.3039-4.8742 12.806-11.793c3.5018-6.9192 3.1643-7.9318 3.4596-9.8726 0.26832-1.7632-0.28904-4.3288-0.77874-5.496-0.0235-0.056-0.44949-1.0223-0.87437-1.4802-0.46641-0.50268-1.0405-1.2592-1.0587-1.2976l0.16525 1.7012 0.007 0.0694z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer4" transform="translate(-31.658 -25.738)">
            <path id="bottom-white" stroke-linejoin="round" d="m283.22 120.53c-0.2504 0.59971-0.79281 1.7308-1.7769 3.0661-1.1152 1.5132-2.9234 3.2888-4.7836 4.851-4.3713 3.6711-10.623 6.1996-10.854 6.2935-1.3168 0.53428-4.392 1.7356-8.482 3.0361-3.0912 0.98291-6.9259 1.9406-10.622 2.9085-6.0118 1.5745-10.616 2.3129-18.058 3.7258-15.626 2.9668-34.107 3.8379-38.425 3.9409-9.6496 0.23023-19.604-0.26096-19.865-0.27103-3.142-0.12115-15.069-0.5576-29.301-0.76919-23.036-0.34249-51.892-0.42496-57.339-0.57647-2.9787-0.0829-5.8983-0.20951-8.3166-0.32988-3.092-0.1539-5.3644-0.29752-5.8925-0.32612-1.9991-0.10824-4.6155-0.26211-7.2487-0.45576-3.6119-0.26564-7.3982-0.67557-9.5834-0.91157-2.6464-0.28579-5.5035-0.7525-7.9977-1.1549-3.7913-0.61162-7.0179-2.0078-7.6841-2.2318-1.0873-0.36551-2.328-0.95458-2.8855-1.2379-0.03168-0.0161-0.1057-0.40162-0.2933-0.70728-0.12564-0.20471-0.34281-0.42931-0.44001-0.52095-0.01673-0.0158-0.22938-2.0843-0.2823-4.1367-0.049-1.9005 0.03818-3.7872 0.04983-4.0668 0.000493-0.0118 0.10575-2.2475 0.64435-4.25 0.37364-1.3892 0.86427-2.6214 1.1132-3.2102 0.04522-0.10696 5.9052 1.7882 11.985 2.5204 3.2161 0.38733 9.7476 0.55076 15.867 0.68222 6.9386 0.14907 11.697 0.33342 12.5 0.36365 0.03028 0.001 3.804 0.1012 5.6814-0.7825 2.2823-1.281 3.6937-3.2177 5.2215-4.8677 0.0049-0.005 3.1174-3.8071 6.9038-5.4243 3.6581-1.5624 7.8992-1.258 8.518-1.2079 0.0236 0.002 8.223 0.49553 16.425 1.7441 1.0107 0.15384 2.0227 0.31699 3.0237 0.48556 7.6476 1.2878 14.648 2.8916 15.43 3.0721 0.0231 0.005 10.247 2.827 20.427 5.8289 10.571 3.1172 23.983 7.0237 24.68 7.211 0.009 0.002 9.7027 2.7431 19.522 2.9205 9.5917 0.17331 19.737-2.0738 20.336-2.1986 0.01-0.002 19.709-4.3657 34.425-7.3834 15.01-3.0779 18.791-3.561 18.791-3.561z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer5" transform="translate(-31.658 -25.738)">
            <path id="bottom-black" stroke-linejoin="round" d="m89.489 116.29s-36.911-9.4151-36.929-9.4184c-0.34054-0.063-3.856-0.69145-6.5553-0.31018-2.4258 0.34264-4.0133 1.8112-4.0181 1.8179-0.16784 0.23532-1.6659 2.2792-3.6136 3.0698-1.8171 0.73761-4.0448 0.33347-4.4753 0.25246-0.04837-0.009-0.07406-0.0141-0.07394-0.013-0.000208 0.0172-0.000296 0.0344-0.000272 0.0516 0.000042 0.0296 0.00042 0.0591 0.0011 0.0885 0.000383 0.0165 0.000862 0.0329 0.0014 0.0494 0.001 0.0295 0.0023 0.0589 0.0039 0.0884 0.01512 0.28314 0.05421 0.56343 0.08872 0.86964 0.11698 1.0359 0.26864 2.378 0.27171 2.3975 0.04731 0.3009 0.30235 1.969 0.48603 3.6551 0.08575 0.78715 0.1676 1.5784 0.2234 2.2411 0.01948 0.23136 0.03646 0.44703 0.05113 0.64136 0.0034 0.0451 0.0067 0.0891 0.0099 0.13188 0.0089 0.12074 0.0169 0.23174 0.02396 0.3314 0.0053 0.0742 0.01001 0.14217 0.01428 0.20316 0.0055 0.0782 0.01018 0.14495 0.01414 0.19892 0.0075 0.10261-0.0032 0.15894-0.000645 0.15947 0.01558 0.003 0.05091 0.008 0.07489 0.0145 0.01801 0.005 0.03835 0.0104 0.06096 0.0172 0.01655 0.005 0.03433 0.0103 0.0533 0.0161 0.03969 0.0121 0.08464 0.0262 0.13466 0.0422 1.3462 0.42934 6.3666 2.2027 11.548 2.8268 3.2161 0.38733 9.7476 0.55076 15.867 0.68222 6.9386 0.14907 11.697 0.33342 12.5 0.36365 0.03028 0.001 3.804 0.1012 5.6814-0.7825 2.2823-1.281 3.6476-3.2617 5.2215-4.8677 0.004-0.004 2.0946-2.5578 4.9328-4.3697z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer8" transform="translate(-31.658 -25.738)">
            <path id="GL3" stroke-linejoin="round" d="m120.99 116.7c-2.1295-0.19483-4.753-0.69319-7.2526-1.0313-2.5434-0.34403-4.9581-0.61442-7.4749-0.88865-5.8601-0.63849-11.218-0.73034-15.268 1.9318l-1.5013-0.42156s-36.911-9.4151-36.929-9.4184c-0.34054-0.063-3.856-0.69145-6.5553-0.31018-2.4258 0.34264-4.0133 1.8112-4.0181 1.8179-0.16785 0.23532-1.6659 2.2792-3.6136 3.0698-1.8171 0.73761-4.9047 0.16537-4.4753 0.25246 0.18427 0.0374 0.1409-1.8982-0.02552-2.8237-0.03676-0.20443-0.52746-1.719-0.87616-2.5372-0.10243-0.24034-0.44175-2.9003-0.59718-4.0488-0.0125-0.0924-0.34485-1.6317-0.20874-3.6975 0.15499-2.3523 0.41971-5.6215 0.54152-8.3576 0.09275-2.0834 0.10573-3.8576 0.07655-4.6825-0.0055-0.15443-0.64198-2.1296-0.24313-3.7135 0.28728-1.1408 1.2496-2.0441 1.6083-2.3586 0.04102-0.03596 2.4871-2.1729 5.4939-3.064 2.9644-0.87851 6.3954-0.78488 7.1364-0.75311 0.04191 0.0018 9.1952 0.80824 19.314 2.4005 11.743 1.8479 24.83 4.4403 26.942 4.8617 0.09278 0.01852 5.5224 1.3352 9.4405 4.3976 4.2377 3.3123 6.9848 8.3892 6.9848 8.3892l1.7018 3.0796 6.1208 12.272z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer9" transform="translate(-31.658 -25.738)">
            <path id="middle-trim" stroke-linejoin="round" d="m171.27 72.742c0 0.000004 1.0932-0.56194 1.8222-1.2282 0.40584-0.3709 0.54634-0.83512 0.68829-1.1064 0.37261-0.71222 0.39257-1.2675 0.61174-1.4289 1.5054-1.109 2.9418-2.8994 4.0246-4.1357 1.3258-1.5138 0.61958-2.5968 0.77393-2.4692 1.1304 0.93452 4.5662 3.6295 7.6067 5.5896 3.4998 2.2563 7.2552 3.9133 7.3928 3.9205 1.3448 0.07008 5.8291 0.26507 5.9382 0.33414 1.125 0.71195 6.1542 3.9176 6.2426 3.9669 0.91725 0.51179 2.1765 1.2136 2.991 1.5682 1.1497 0.50044 1.7759 0.59349 2.8641 1.1988 0.88761 0.49372 1.5522 1.3754 2.5336 1.9156 0.55569 0.25145 1.8942 0.84032 3.175 1.276 1.4498 0.49318 2.8258 0.7359 2.9086 0.7396 0.7724 0.0345 2.8456 0.13151 2.9917 0.18488 0.68049 0.24869 2.5157 0.89372 4.4945 1.3712 2.7831 0.67154 5.8281 1.086 5.8764 1.1602 0.36186 0.55661 1.2462 1.9413 1.1398 2.0193-0.83787 0.61439-3.8987 2.8528-4.036 2.8619-1.6517 0.10942-11.056 0.73231-11.3 0.68827-1.7826-0.32248-8.8533-1.7101-9.2006-1.7605-2.5672-0.37242-12.017-1.6861-12.187-1.71-1.5987-0.22317-8.0139-0.53309-14.154-3.5212-7.51-3.654-14.7-10.699-14.7-10.696zm27.254 15.715c-1.3067 2.8365-4.9765 10.437-9.9004 15.344-6.5438 6.5201-15.307 9.7869-15.485 9.8372-1.4542 0.41183-5.8316 1.3395-11.571 1.0666-4.7494-0.22579-9.1628-1.2957-16.162-2.8752-15.318-3.4569-31.451-7.284-31.383-7.1332 1.778 3.974 4.5839 8.3681 6.9602 12.007 0 0 11.132 1.7532 22.523 4.7037 11.793 3.0545 23.865 7.3115 24.153 7.4075 2.7497 0.91801 11.553 3.7417 20.248 5.2919 9.3166 1.6611 18.613 1.5187 18.608 1.1934-0.0778-4.2365-0.47954-20.485-0.47288-20.815 0.0336-1.667 0.22628-6.59 1.3269-11.631 1.4337-6.5666 4.2418-13.333 4.0658-13.362-2.094-0.34201-10.065-1.5695-11.985-1.6873m-135.11-25.001c-0.22897-0.12873-1.9437-1.1012-3.5156-2.2267-1.7643-1.2633-3.3688-2.7051-3.4472-2.6795-0.71433 0.23256-3.0033 0.97299-4.9866 1.2032-2.377 0.27587-4.6601-0.1089-4.7233-0.11895-0.55687-0.08854-2.1871-0.49386-3.6267-2.2922-1.9441-2.4286-3.6186-6.9792-3.6594-6.9409-0.08781 0.08242-0.21276 0.26456-0.34664 0.6668-0.9835 2.9548-3.3337 10.711-3.3693 11.009-0.20556 1.7196-0.38447 4.8286-0.34778 4.8507 2.8756 1.7368 5.8344 5.8179 6.773 9.5172l10.754 0.61284s-0.98605-5.6216 1.6297-9.0075c2.6362-3.4123 8.8742-4.5892 8.8657-4.5939zm65.812 4.4377c0.00088-0.0012 3.6212-2.668 7.4542-3.2557 3.7484-0.57471 7.7078 0.92774 8.008 1.0765 1.6006 0.79315 4.9357 2.4685 8.0579 4.1218 3.7564 1.9892 7.1623 3.9676 7.4144 4.0665 1.1543 0.45291 3.2724 1.1629 5.3305 1.0119 1.1614-0.08524 2.3052-0.42833 3.2859-0.82779 1.6518-0.67278 2.8408-1.5054 2.8715-1.5353 0.38469-0.37393 0.88319-0.69806 1.0898-1.073 0.33552-0.60901 0.20464-1.2913 0.69006-1.9135 0.27419-0.35144 1.0009-0.71192 1.3034-1.0893 0.78842-0.74718 2.2912-2.2376 3.1462-3.5118 0.54766-0.81616 0.48017-1.893 0.40816-2.0097-0.54636-0.88567-1.7154-2.5392-3.3732-3.5933-2.4276-1.5435-5.8469-1.8802-6.1306-1.9069-0.87408-0.08218-2.4345-0.39772-4.69-1.4756-2.9106-1.3909-5.378-4.0963-5.5333-4.2692-0.72376-0.80573-2.1338-2.2733-3.9976-3.7242-3.475-2.7051-8.1229-5.5041-8.2354-5.5749-1.0965-0.6905-4.8932-2.8615-8.4096-2.2517-4.2574 0.73822-8.124 5.3772-8.1389 5.3911-0.29688 0.27852-2.0794 1.9305-4.7444 4.3983-2.0335 1.883-4.5808 4.2411-7.3738 6.8263-1.1795 1.0918-2.4029 2.2241-3.6499 3.3782l-1.1618 1.0752-2.6179 2.4229c-1.6737 1.5491-3.3536 3.1038-4.9937 4.6218-2.5324 2.3439-4.9702 4.6003-7.1449 6.6134-1.6392 1.5174-3.1289 2.8967-4.397 4.071-0.46267 0.42846-0.89583 0.82965-1.296 1.2003-0.45363 0.4202-0.86484 0.8012-1.2285 1.1383-0.44795 0.41515-0.8238 0.76364-1.118 1.0367-0.48511 0.45017-0.7483 0.69517-0.74681 0.69547 5.5344 1.1261 10.382 3.0727 14.159 6.6257l12.796-11.507z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer14" transform="translate(-31.658 -25.738)">
            <path id="mesh" stroke-linejoin="round" d="m34.174 79.486c0.04102-0.03596 2.4871-2.1729 5.4939-3.064 1.8907-0.56033 2.8798-0.53768 3.133-0.57535 0.06568-0.0098-0.2289-2.5921-1.765-4.7146-1.8268-2.5241-4.9433-4.6569-4.7975-4.6507l-0.38375 3.8502-0.84469 5.1448z" stroke="#000" stroke-linecap="round" fill="none"/>
        </g>
        <g id="layer13" transform="translate(-31.658 -25.738)">
            <path id="tongue" stroke-linejoin="round" d="m60.824 60.578c-1.7643-1.2633-3.3688-2.705-3.4472-2.6795-0.71433 0.23256-3.0033 0.97298-4.9866 1.2032-2.377 0.27587-4.6601-0.1089-4.7233-0.11895-0.55688-0.0885-2.1871-0.49386-3.6267-2.2922-1.9441-2.4286-3.6186-6.9792-3.6594-6.9409l0.13638-0.15204c0.33563-0.31556 0.66123-0.31556 0.66123-0.31556s-0.59066-0.16876 0-2.2783c0.32211-1.0608 0.94229-1.5511 1.8537-1.8563 0.89954-0.30125 4.013 1.8524 6.9248 4.6336 1.7077 1.6312 7.5823 9.1548 12.566 12.012 2.7881 1.5985 10.212 5.3524 17.535 4.7526 5.0964-0.41746 13.218-3.0487 19.365-5.7143 6.47-2.8055 8.9797-6.6363 8.9455-6.5376-0.52004 0.26318-3.2946 4.0742-8.9253 6.5418-6.163 2.7-14.151 5.311-19.318 5.78-7.087 0.644-15.274-3.311-17.486-4.696-6.101-3.817-11.542-10.977-12.765-12.14-3.531-3.361-5.649-4.721-6.783-4.673l0.14137-0.174c0.1281-0.67784 0.78269-2.7671 4.0202-3.3302 3.8815-0.67505 9.0288 5.2316 9.0288 5.2316s7.5099 10.379 14.851 13.501c7.3411 3.1221 16.923 2.5886 22.614 1.097 6.7469-1.7684 9.4507-3.7971 14.598-7.1724 5.1472-3.3752 22.698-21.433 22.698-21.433l-0.00004 0.000151s6.2442-6.2864 13.585-6.5817c7.3411-0.29533 15.779 8.5225 15.99 8.8178 5.2718 5.3903 6.4332 7.191 11.747 11.442-0.89918-0.04549 6.4663 5.8532 7.323 6.3627 1.0601 1.7888 4.5684 4.4133 7.763 7.2989 0.21096 0.60155 2.3768 2.9618 2.7987 3.1181 0.78169 1.4583 6.8374 6.4719 10.189 8.8447-0.10914-0.06907-4.9028-0.17565-6.2476-0.24575-0.1376-0.0072-3.893-1.6642-7.3928-3.9205-3.0404-1.9601-6.4137-4.6824-7.5442-5.6169-0.97457-1.2468-2.2078-2.8442-3.4164-3.6371-2.4276-1.5434-5.8469-1.8802-6.1306-1.9069-0.87408-0.0822-2.4345-0.39772-4.69-1.4756-2.9106-1.3909-5.378-4.0963-5.5333-4.2692-0.72376-0.80573-2.1338-2.2733-3.9976-3.7242-3.475-2.7052-8.1229-5.5041-8.2354-5.5749-1.0965-0.6905-4.8932-2.8614-8.4096-2.2517-4.2574 0.73822-8.124 5.3772-8.1389 5.3911-0.29688 0.27853-2.0794 1.9305-4.7444 4.3983-2.0335 1.883-4.5808 4.2411-7.3738 6.8263-1.1795 1.0918-2.4029 2.2241-3.6499 3.3782l-1.1618 1.0752-2.6179 2.4229c-1.6737 1.5491-3.3536 3.1038-4.9937 4.6218-2.5324 2.3439-1.3452 1.1002-3.5199 3.1134 0 0-12.117-1.0671-23.894-1.9744-11.641-0.89686-22.943-1.6334-22.857-1.7619 0.3677-0.55342 1.3589-1.8366 2.6877-2.5276 2.2929-1.1923 5.6252-1.6746 5.4818-1.7587z" stroke="#000" stroke-linecap="round" stroke-width="1px" fill="none"/>
        </g>
        <g id="laces" transform="translate(-31.658 -25.738)" stroke="#000" stroke-width="1px" fill="none">
            <path id="path4415" d="m152.74 44.811c5.1396-2.2639 10.136-5.0628 15.91-4.9497 2.0419 1.5103 3.2011 3.5477 3.5355 5.6569-0.6834-0.36968-1.4028-1.2329-2.1256-1.1149-3.0236 0.49354-7.9576 3.8008-11.486 5.1808z" transform="translate(0 .0000076294)"/>
            <path id="path4417" d="m166.74 39.95c-0.18718 0.0435-3.9362 0.69941-4.1139 0.71509l-1.1163-4.4417c1.8664 1.15 3.982 2.113 5.2302 3.7266zm-5.5348 8.5294c-0.37834 2.9798-0.29457 3.0794-2.8103 13.832l5.1265 3.3588c4.2056-7.3538 5.0006-17.593 5.0794-20.762z" transform="translate(0 .0000076294)"/>
            <path id="path4419" d="m177.48 59.66c-2.44-1.4391-5.068-2.7439-8.6621-3.3588 4.0697-1.4529 7.5428-3.1589 13.362-2.7034l3.557 3.8676c-3.1987 0.37438-5.8905 1.1542-8.2567 2.1945z" transform="translate(0 .0000076294)"/>
            <path id="path4421" d="m182.79 75.747c0.73207-6.4055 0.50467-12.281-0.7696-17.68l3.6284-0.63388c3.4623 4.9233 2.9823 12.393 2.8646 18.992-1.7476 1.7024-3.6164 0.21436-5.7234-0.67826z" transform="translate(0 .0000076294)"/>
            <path id="path4423" d="m192.03 63.781c1.8946 1.0182 2.5916 2.7216 3.1067 3.141 0.33285 0.271-2.0474 2.6707-3.3712 3.3369-0.94911 0.43795-2.4669-1.197-2.6728-0.95323-0.69555-1.0881-0.74558-3.0176-0.27098-3.7912 0.42997-0.70091 1.9078-1.0423 3.2083-1.7334z" transform="translate(0 .0000076294)"/>
            <path id="path4425" d="m193.45 69.154c0.79707-0.95297 0.91994-2.1856 1.7526-1.7415 2.5517 1.3609 5.2304 8.9603 5.1082 10.182-0.20241 1.4156-1.806 2.2188-5.0768 1.8788-1.7776-0.98214-1.1522-4.9346-1.7841-10.319z" transform="translate(0 .0000076294)"/>
            <path id="path4427" d="m212.95 79.543c1.4102 1.8754 1.1032 3.4388 0.50888 4.5534-0.78102 1.4648-2.8138 1.9385-4.8384 0.54317-1.088-2.9849-1.2156-5.889-0.72401-6.6997 0.45688-0.75352 1.7862 0.84413 5.0535 1.6032z" transform="translate(0 .0000076294)"/>
        </g>
    </svg>
    <h1 class="end">The End!</h1>
body {
  padding: 0;
  margin: 0;
  background-color: gainsboro;
  overflow-x: hidden;
  height: 600vh;
}
svg {
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 600px;
  max-width: 100%;
  height: 300px;
  opacity: 0;
}
path {
  stroke: black;
  stroke-width: 1px;
  transition: 0.1s all;
  fill-opacity: 0;
}

#tread {
  fill: #102033;
}

#bottom-white {
  fill: #fbf9fe;
}

#bottom-black {
  fill: #0b0b18;
}

#pink-lower {
  fill: #d38367;
}

#pink-upper {
  fill: #d38367;
}

#GL3 {
  fill: #1a3148;
}

#middle-trim {
  fill: #1a3148;
}

#logo-background {
  fill: #1a3148;
}

#logo-top,
#logo-bottom {
  fill: #fbf9fe;
  stroke: #d38367;
  stroke-width: 0.5px;
}

#tongue {
  fill: #5778a1;
}

#mesh {
  fill: #888792;
}

#laces path {
  fill: #233248;
}

.title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 36px;
  width: max-content;
  position: fixed;
  margin: auto;
  bottom: 50vh;
  left: 2vw;
}

.end {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 36px;
  width: max-content;
  position: fixed;
  margin: auto;
  bottom: 50vh;
  left: 75vw;
  transition: 0.1s opacity;
  opacity: 0;
}
document.body.onload = function() {
            
            let paths = document.querySelectorAll("path");
            for(let i = 0; i < paths.length; i++){
                let path = paths[i];
                let length = path.getTotalLength();
                path.style.strokeDasharray = length;
                path.style.strokeDashoffset = length;
                path.length = length;
            } 
            
            let svg = document.getElementsByTagName("svg")[0];
            let end = document.getElementsByClassName("end")[0];
            let html = document.getElementsByTagName("html")[0];
            window.onscroll = function(){
                svg.style.opacity = 1;
                let percentageComplete = (window.scrollY/(html.offsetHeight-window.innerHeight));   
                for(let i = 0; i < paths.length; i++){
                    let offset = paths[i].length;
                    paths[i].style.strokeDashoffset = Math.max(offset - offset * percentageComplete * 2, 0);  
                    paths[i].style.fillOpacity = percentageComplete < .4 ? 0 : percentageComplete;
                } 
                if(percentageComplete > 0.99)
                    end.style.opacity = 1;
                else
                    end.style.opacity = 0;
            }
        };

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.