Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 -87 512 512"
>
    <path
        fill="#7ae57d"
        d="M491.188 337.172H20.813C9.316 337.172 0 327.852 0 316.355V20.812C0 9.316 9.316 0 20.813 0h470.375C502.683 0 512 9.316 512 20.812V316.36c0 11.493-9.316 20.813-20.813 20.813zm0 0"
    />
    <path
        fill="#66d166"
        d="M492.227.05v299.657c0 11.496-9.317 20.813-20.813 20.813H.418c1.93 9.5 10.324 16.652 20.395 16.652h470.375c11.496 0 20.812-9.32 20.812-20.817V20.812C512 9.668 503.234.598 492.227.051zm0 0"
    />
    <path
        fill="#ddf5ff"
        d="M35.383 291.383V45.789c0-5.75 4.656-10.406 10.406-10.406h420.422c5.75 0 10.406 4.656 10.406 10.406v245.594c0 5.746-4.656 10.406-10.406 10.406H45.789c-5.75 0-10.406-4.66-10.406-10.406zm0 0"
    />
    <path
        fill="#c1e9f4"
        d="M459.969 35.383V274.73c0 5.75-4.66 10.41-10.406 10.41H35.382v6.243c0 5.746 4.656 10.406 10.406 10.406h420.422c5.75 0 10.406-4.66 10.406-10.406V45.789c0-5.75-4.656-10.406-10.406-10.406zm0 0"
    />
    <path
        fill="#ffd664"
        d="M160.52 269.008h82.21c5.747 0 10.407-4.66 10.407-10.406v-28.098c0-34.484-27.953-62.438-62.438-62.438h-60.36c-34.484 0-62.437 27.954-62.437 62.438v28.098c0 5.746 4.66 10.406 10.407 10.406zm0 0"
    />
    <path
        fill="#f9c646"
        d="M195.844 168.293c17.535 11.055 29.195 30.582 29.195 52.844v47.87h17.691c5.747 0 10.407-4.66 10.407-10.405v-28.098c0-32.75-25.219-59.594-57.293-62.211zm0 0"
    />
    <path
        fill="#feccc1"
        d="M204.227 111.871c0-24.14-19.567-43.707-43.707-43.707-24.137 0-43.708 19.566-43.708 43.707v22.895c0 24.136 19.57 43.707 43.708 43.707 24.14 0 43.707-19.57 43.707-43.707zm0 0"
    />
    <path
        fill="#f9b3a7"
        d="M160.52 68.16c-3.032 0-5.989.313-8.844.899 19.894 4.09 34.86 21.703 34.86 42.808v22.895c0 21.11-14.966 38.722-34.86 42.812 2.855.586 5.812.895 8.844.895 24.14 0 43.707-19.567 43.707-43.707v-22.895c0-24.137-19.567-43.707-43.707-43.707zm0 0"
    />
    <path
        fill="#ff6969"
        d="m333.46 105.46 54.72 27.36c4.601 2.301 4.601 8.871 0 11.172l-54.72 27.36c-4.151 2.078-9.038-.942-9.038-5.586v-54.72c0-4.644 4.887-7.66 9.039-5.585zm0 0"
    />
    <g fill="#636363">
        <path
            d="M441.234 231.543H280.977a7.802 7.802 0 0 1-7.805-7.805 7.805 7.805 0 0 1 7.805-7.804h160.257a7.805 7.805 0 0 1 7.805 7.804 7.802 7.802 0 0 1-7.805 7.805zm0 0"
        />
        <path
            d="M314.277 244.031a7.802 7.802 0 0 1-7.804-7.804V211.25a7.805 7.805 0 1 1 15.609 0v24.977a7.805 7.805 0 0 1-7.805 7.804zm0 0"
        />
    </g>
</svg>