Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#d3effb"
        d="M366.717 512H18.953c-5.496 0-9.952-4.456-9.952-9.952V98.526l4.976-14.275h357.716l4.976 14.275v403.522c0 5.496-4.455 9.952-9.952 9.952z"
    />
    <path
        fill="#b1e4f9"
        d="M371.693 84.251h-32.447v378.327c0 6.6-5.4 12-12 12H9.001v27.47c0 5.496 4.456 9.952 9.952 9.952h347.764c5.496 0 9.952-4.456 9.952-9.952V98.526z"
    />
    <path
        fill="#5766cb"
        d="M376.669 98.526H9.001V10c0-5.523 4.477-10 10-10h347.668c5.523 0 10 4.477 10 10z"
    />
    <path
        fill="#3d4fc3"
        d="M366.717 0h-27.471v98.526h37.423V9.952c0-5.496-4.455-9.952-9.952-9.952z"
    />
    <circle cx="56.709" cy="48.983" r="14.555" fill="#dd636e" />
    <circle cx="100.971" cy="48.983" r="14.555" fill="#ffd064" />
    <circle cx="145.234" cy="48.983" r="14.555" fill="#b1e4f9" />
    <path
        fill="#b1e4f9"
        d="M285.757 341.501H56.498c-7.922 0-14.344-6.422-14.344-14.344V218.132c0-7.922 6.422-14.344 14.344-14.344h228.603c8.284 0 15 6.716 15 15v108.368c0 7.923-6.422 14.345-14.344 14.345zM300.101 512H42.154v-74.893c0-7.922 6.422-14.344 14.344-14.344h228.603c8.284 0 15 6.716 15 15z"
    />
    <path
        fill="#90d8f9"
        d="M42.154 474.577h257.947V512H42.154zM293.017 389.305H94.041c-4.123 0-7.464-3.341-7.464-7.464s3.341-7.464 7.464-7.464h198.976c4.123 0 7.464 3.341 7.464 7.464s-3.341 7.464-7.464 7.464zM293.017 147.632H94.041c-4.123 0-7.464-3.341-7.464-7.464s3.341-7.464 7.464-7.464h198.976c4.123 0 7.464 3.341 7.464 7.464s-3.341 7.464-7.464 7.464zM248.226 176.845H94.041c-4.123 0-7.464-3.341-7.464-7.464s3.341-7.464 7.464-7.464h154.185a7.464 7.464 0 0 1 0 14.928z"
    />
    <path
        fill="#c18678"
        d="m498.923 357.969-33.102-125.366a64.134 64.134 0 0 0-13.308-25.359 64.146 64.146 0 0 1-9.843-15.545l-52.481-117.34c-2.647-5.918-7.724-9.975-13.52-11.541v98.754l13.115 35.962c.641 1.757.965 3.606.962 5.476l-.095 59.145c-.023 14.073-11.556 25.588-25.629 25.588a25.45 25.45 0 0 1-19.798-9.749c-8.497-10.84-21.096-26.951-21.096-26.951-7.106-9.153-18.491-14.853-30.088-14.877a38.604 38.604 0 0 0-24.34 8.22c-5.153 4.03-6.064 11.474-2.034 16.627l52.698 67.386c2.966 3.793 4.448 8.488 4.461 13.303.054 20.536 14.343 38.296 34.403 42.74l22.9 5.073a4.977 4.977 0 0 1 3.9 4.858v68.001c0 5.446 4.414 9.86 9.86 9.86l97.253-.196c5.445 0 9.86-4.414 9.86-9.86v-61.782c0-12.645-1.025-25.267-3.064-37.743a50.59 50.59 0 0 0-1.014-4.684z"
    />
    <path
        fill="#b46e59"
        d="m498.923 357.969-33.102-125.366c-2.451-9.281-6.906-17.934-13.174-25.205a64.143 64.143 0 0 1-9.976-15.7L390.189 74.359c-2.647-5.918-7.724-9.975-13.52-11.541v34.46l42.631 95.315a64.557 64.557 0 0 0 9.911 15.652 64.592 64.592 0 0 1 13.4 25.535l33.336 126.252a49.889 49.889 0 0 1 1.012 4.685 235.627 235.627 0 0 1 3.088 38.022v62.211a9.888 9.888 0 0 1-3.019 7.121l16.111-.032c5.445 0 9.86-4.414 9.86-9.86v-61.782c0-12.645-1.025-25.267-3.064-37.743a49.889 49.889 0 0 0-1.012-4.685z"
    />
    <circle cx="50.847" cy="381.841" r="14.555" fill="#90d8f9" />
    <circle cx="50.847" cy="140.168" r="14.555" fill="#90d8f9" />
</svg>