docs/cloud-architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="843px" height="387px" viewBox="-0.5 -0.5 843 387" content="&lt;mxfile&gt;&lt;diagram id=&quot;cqiFpjz8qqNlcyw8rrry&quot; name=&quot;Page-1&quot;&gt;7Vptc5s4EP41nrn7YA9CYOyPsR2nN9PeZOrO9O5TRgaB1QDyCZHY/fW3AvGOGzclTdMkcadoJa3E7j6PVhuP8DI6XAmy333gHg1HpuEdRng1Ms25aY7Ux/COucCZa0EgmJeLUCXYsK9UCw0tTZlHk8ZAyXko2b4pdHkcU1c2ZEQIft8c5vOwueqeBLQj2Lgk7Eo/M0/ucunMNir5O8qCXbEyMnTPlri3geBprNcbmdjPfvLuiBS69PhkRzx+XxPhyxFeCs5l/hQdljRUpi3Mls9bn+gt9y1oLM+ZoN1yR8JUv/pFRL7yeGROQ1Cw2Ap4CtTTR55KCkNt3O3rSlZ/b2CsoAkPU8mUPnCC6I4TPCJfmHlLYjJxeXSO6s6UzI7yWPguuaXSVVY2YPCes1hmwWAv4APGWOb/bBi6VJKJafcI+2ROV4i6w+A/1LdCW9gnc7pC1B2mWsWum8I+mWN3d9yejXpmo9Zs+OAFxEDIYrosYads7PNYLnkI7lX2x/C7VsG2CATxGG30zS17tTZrfSsmQJEKELyKuVDoWPgsDGtz7AtsLGyQJ1LwW1rr0cjCC48kO+rp7dxRIRlA+T3Z0vCaJ0yr33IpIVyqARchC1SH5HuQEt1yYVcUFljsZBRCG+k31CSFzKKtI04tSZJ9bg6fHdQ+FgDrveqMDoHixwm5T6yJQkMqXPqXq/azgGb+1BqlcHYDKFOx3wazxrd6A3qoiTS4ryiPqBRHGFL0FpSliRg7un1f0Zozy0W7GqMVMqKJNCg1V2QCD5pP+rkFn80ty5Cn3lqAVc8hADhrGFiAxYF6D7oFD9PuqIxzqBcozgq5S1QUJGepR7aPd/YXx4qje3/iqr35am+TmMo3tnljm9+JbaroHoZv8Pz5+Mbq8s1nlYUslQd88EEfTXyANCIAD7zh+uXgem1bjjX/PlwvHYTR+vXguor5mygP8ZuBUoo2xE3j50HcPplSGBsW7cMegG8kFyTLAjZU3DFXPf2xwX+ekwrseAKwh7vnjmbsAEmE+62c48dvM5MEj7X6CU3HKowECcdoQrL3BN++3XleGFtNjQuMne9jK9NxEJq+GrZKBqKm6TPedqYdauqgVN1GChMqv/MAEB1eVtK6/WnsXahKlvIi3F9ulSjcZu3CmVl8ECGLcTGPaT5zzcJCTyeCbMteTK2MetLYK0PopPlzBzaudLBoQGWDkrOb1rdcVHNBWS0TNARKvWsW3fqcoNVdK2ar3G2bTXdbRbtQkW9dz6pXwVqKpg8pyl+4oyiLifIdzwoT1I0TZcqslClpnB033FenFVblxNS9pT2XYhJ7agpxs4OJqfkn7rs9IZiRRDPYOkTQ5ouIeV4WoYBg9pVsSxpoHjar3kAqXrmN47J+q/WN6jXQPnwbEzSboWb2MUgkjdGsoXWMnKYK7vsJ/VHfO78rRdT5AD8fH5i4BWNj/jg+KM+NQhF6Oj7oprRCV9oh8/N9lXD+ChguYncADIN57RbaBgLxvKm2zeKDgHj2wkFMD0z+U6wNz//W5KtDvXGsNa6pYGAkFVe5DO4lx1KNamR6JnbRrFRlrWO91Vb22NTDesbUw2hlmvZjU4+WIiCts6gGYoEca8M0hs/fsGN8c1/t8XDtbwEn38Gjea9brcvzoM3mvSKVes3uV+C/AvY/zH9jSGJMq51uDBKUVov/niKHKU7CF8t/ZyUx5vMxCxooh0GdZGg2sZ+EWk7seDCm6P4d8d2nT9cgubr8NP5I/0tp0nNFklz54oHvCjwLlZQQGuI+NDVbudRQFyLcUttSMQyZ9N2IpiRStanMnWkypiSRih+1OKj+UFXzI9hRPp0LSSp5okthHabRZFQv4GnRSab5jlp7C8Sop6BVlOPrBS1snHb4uQUt1Jfp1p1Tr0+/Uv847azK6vqnPBgGd9D8AQddhXwLp+frdA227Add4zyRZ8y+JOnNM2W+8NM8A83qu5T5AVV9XxVf/g8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-945df2-1-5a30b5-1-s-0">
            <stop offset="0%" style="stop-color: rgb(90, 48, 181); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(148, 93, 242); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-f54749-1-c7131f-1-s-0">
            <stop offset="0%" style="stop-color: rgb(199, 19, 31); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(245, 71, 73); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-60a337-1-277116-1-s-0">
            <stop offset="0%" style="stop-color: rgb(39, 113, 22); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(96, 163, 55); stop-opacity: 1;"/>
        </linearGradient>
    </defs>
    <g>
        <path d="M 147 200 L 225 200 L 225 278 L 147 278 Z" fill="url(#mx-gradient-945df2-1-5a30b5-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 195.66 239.82 C 196.49 240.58 196.9 241.6 196.9 242.88 C 196.9 244.27 196.4 245.38 195.4 246.21 C 194.4 247.04 193.05 247.46 191.37 247.46 C 190.03 247.46 188.71 247.17 187.41 246.6 L 187.41 244.9 C 188.95 245.41 190.27 245.67 191.37 245.67 C 192.44 245.67 193.27 245.43 193.86 244.94 C 194.44 244.46 194.73 243.77 194.73 242.88 C 194.73 241.16 193.64 240.3 191.47 240.3 C 190.79 240.3 190.12 240.34 189.45 240.41 L 189.45 239.01 L 193.92 234.13 L 187.62 234.13 L 187.62 232.38 L 196.28 232.38 L 196.28 234.07 L 191.9 238.71 C 191.97 238.69 192.04 238.69 192.11 238.69 L 192.32 238.69 C 193.73 238.69 194.84 239.07 195.66 239.82 M 183.3 239.45 C 184.17 240.26 184.6 241.37 184.6 242.79 C 184.6 244.18 184.1 245.31 183.09 246.17 C 182.08 247.03 180.76 247.46 179.11 247.46 C 177.66 247.46 176.31 247.17 175.05 246.6 L 175.05 244.9 C 176.62 245.41 177.97 245.67 179.09 245.67 C 180.17 245.67 180.99 245.42 181.57 244.93 C 182.14 244.44 182.43 243.74 182.43 242.81 C 182.43 241.81 182.16 241.08 181.62 240.62 C 181.08 240.17 180.2 239.94 178.98 239.94 C 178.1 239.94 177 240.01 175.68 240.15 L 175.68 238.75 L 176.09 232.38 L 183.86 232.38 L 183.86 234.13 L 177.88 234.13 L 177.6 238.45 C 178.38 238.31 179.08 238.24 179.7 238.24 C 181.24 238.24 182.44 238.64 183.3 239.45 M 199.29 255.05 C 193.9 256.02 189.17 258.22 186 260.01 C 182.83 258.22 178.1 256.02 172.71 255.05 C 171.19 254.78 163.62 253.2 163.62 248.83 C 163.62 246.8 164.34 245.45 165.74 243.05 C 167.4 240.18 169.48 236.61 169.48 231.46 C 169.48 227.78 168.51 224.25 166.61 220.96 C 166.83 220.69 167.06 220.41 167.29 220.13 C 170.11 221.54 173.04 222.25 176.03 222.25 C 179.67 222.25 183.03 221.29 186 219.4 C 188.97 221.29 192.32 222.25 195.97 222.25 C 198.95 222.25 201.89 221.54 204.71 220.13 C 204.94 220.41 205.17 220.69 205.39 220.96 C 203.49 224.25 202.52 227.78 202.52 231.46 C 202.52 236.61 204.6 240.18 206.26 243.06 C 207.65 245.45 208.38 246.8 208.38 248.83 C 208.38 253.2 200.81 254.78 199.29 255.05 M 204.75 231.46 C 204.75 227.95 205.74 224.58 207.69 221.46 C 207.94 221.05 207.91 220.53 207.61 220.16 C 207.04 219.47 206.45 218.74 205.86 218.02 C 205.53 217.6 204.94 217.48 204.46 217.74 C 201.72 219.26 198.87 220.02 195.97 220.02 C 192.48 220.02 189.42 219.09 186.63 217.15 C 186.25 216.89 185.75 216.89 185.37 217.15 C 182.58 219.09 179.52 220.02 176.03 220.02 C 173.13 220.02 170.27 219.26 167.54 217.74 C 167.06 217.48 166.47 217.6 166.13 218.02 C 165.55 218.74 164.96 219.47 164.39 220.16 C 164.09 220.53 164.06 221.05 164.31 221.46 C 166.26 224.58 167.25 227.95 167.25 231.46 C 167.25 236.01 165.35 239.29 163.81 241.94 C 162.31 244.52 161.39 246.24 161.39 248.83 C 161.39 254.82 169.75 256.78 172.31 257.24 C 177.72 258.21 182.43 260.5 185.44 262.25 C 185.61 262.36 185.81 262.41 186 262.41 C 186.19 262.41 186.39 262.36 186.56 262.25 C 189.57 260.5 194.28 258.21 199.69 257.24 C 202.25 256.78 210.6 254.82 210.6 248.83 C 210.6 246.24 209.69 244.52 208.19 241.94 C 206.65 239.29 204.75 236.01 204.75 231.46 M 200.45 261.48 C 193.63 262.71 187.92 266.37 186 267.71 C 184.08 266.37 178.37 262.71 171.55 261.48 C 158.13 259.07 157.09 251.18 157.09 248.83 C 157.09 244.94 158.62 242.32 160.09 239.78 C 161.5 237.36 162.95 234.85 162.95 231.46 C 162.95 226.1 159.86 222.31 158.33 220.77 C 159.93 218.82 163.99 213.88 165.99 211.3 C 169.02 214.16 172.54 215.72 176.03 215.72 C 179.89 215.72 183.09 214.15 186 210.79 C 188.91 214.15 192.1 215.72 195.97 215.72 C 199.45 215.72 202.98 214.16 206.01 211.3 C 208.01 213.88 212.06 218.82 213.67 220.77 C 212.14 222.31 209.05 226.1 209.05 231.46 C 209.05 234.85 210.5 237.36 211.91 239.78 C 213.38 242.32 214.91 244.94 214.91 248.83 C 214.91 251.18 213.86 259.07 200.45 261.48 M 213.83 238.66 C 212.46 236.29 211.27 234.25 211.27 231.46 C 211.27 225.58 215.85 221.78 215.89 221.74 C 216.12 221.55 216.27 221.28 216.3 220.99 C 216.33 220.69 216.24 220.4 216.05 220.17 C 215.98 220.08 208.69 211.24 207.02 208.95 C 206.82 208.69 206.52 208.52 206.19 208.5 C 205.86 208.47 205.54 208.61 205.31 208.85 C 202.51 211.84 199.19 213.5 195.97 213.5 C 192.41 213.5 189.61 211.91 186.88 208.35 C 186.46 207.8 185.54 207.8 185.12 208.35 C 182.39 211.91 179.59 213.5 176.03 213.5 C 172.81 213.5 169.49 211.84 166.69 208.85 C 166.46 208.61 166.14 208.47 165.81 208.5 C 165.48 208.52 165.17 208.69 164.98 208.95 C 163.31 211.24 156.02 220.08 155.95 220.17 C 155.76 220.4 155.67 220.69 155.7 220.99 C 155.73 221.28 155.87 221.55 156.1 221.74 C 156.15 221.78 160.73 225.58 160.73 231.46 C 160.73 234.25 159.54 236.29 158.17 238.66 C 156.62 241.33 154.87 244.35 154.87 248.83 C 154.87 256.29 160.96 261.84 171.16 263.67 C 178.84 265.05 185.26 269.92 185.32 269.97 C 185.52 270.12 185.76 270.2 186 270.2 C 186.24 270.2 186.48 270.12 186.68 269.97 C 186.74 269.92 193.14 265.05 200.84 263.67 C 211.04 261.84 217.13 256.29 217.13 248.83 C 217.13 244.35 215.38 241.33 213.83 238.66" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 285px; margin-left: 186px;">
                        <div data-drawio-colors="color: #232F3E; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(35, 47, 62); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Amazon
                                <br/>
                                Route 53
                                <br/>
                                <br/>
                                DNS resolution for
                                <br/>
                                romaji2kana.com
                                <br/>
                                <br/>
                                romaji2kana.com
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="186" y="297" fill="#232F3E" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Amazon...
                </text>
            </switch>
        </g>
        <path d="M 387 200 L 465 200 L 465 278 L 387 278 Z" fill="url(#mx-gradient-945df2-1-5a30b5-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 442.85 252.51 C 442.85 250.67 441.35 249.17 439.51 249.17 C 437.66 249.17 436.16 250.67 436.16 252.51 C 436.16 254.35 437.66 255.85 439.51 255.85 C 441.35 255.85 442.85 254.35 442.85 252.51 Z M 445.08 252.51 C 445.08 255.58 442.58 258.08 439.51 258.08 C 436.44 258.08 433.94 255.58 433.94 252.51 C 433.94 249.44 436.44 246.94 439.51 246.94 C 442.58 246.94 445.08 249.44 445.08 252.51 Z M 415.29 236.43 C 415.29 234.59 413.79 233.09 411.95 233.09 C 410.11 233.09 408.61 234.59 408.61 236.43 C 408.61 238.27 410.11 239.77 411.95 239.77 C 413.79 239.77 415.29 238.27 415.29 236.43 Z M 417.52 236.43 C 417.52 239.5 415.02 242 411.95 242 C 408.88 242 406.38 239.5 406.38 236.43 C 406.38 233.36 408.88 230.86 411.95 230.86 C 415.02 230.86 417.52 233.36 417.52 236.43 Z M 425.7 218.95 C 425.7 220.79 427.2 222.29 429.04 222.29 C 430.89 222.29 432.38 220.79 432.38 218.95 C 432.38 217.11 430.89 215.61 429.04 215.61 C 427.2 215.61 425.7 217.11 425.7 218.95 Z M 423.47 218.95 C 423.47 215.88 425.97 213.38 429.04 213.38 C 432.11 213.38 434.61 215.88 434.61 218.95 C 434.61 222.02 432.11 224.52 429.04 224.52 C 425.97 224.52 423.47 222.02 423.47 218.95 Z M 454.97 239 C 454.97 228.67 449.43 219.11 440.5 213.94 C 438.9 214.26 437.35 214.7 435.42 215.4 L 434.66 213.31 C 435.67 212.94 436.57 212.65 437.44 212.4 C 433.85 210.85 429.95 210.03 426 210.03 C 424.12 210.03 422.27 210.22 420.46 210.58 C 421.77 211.34 422.93 212.11 424.06 212.96 L 422.71 214.74 C 421.12 213.53 419.47 212.51 417.31 211.38 C 406.36 214.82 398.48 224.47 397.23 235.8 C 399.53 235.34 401.73 235.08 404.18 235.02 L 404.23 237.25 C 401.67 237.31 399.47 237.58 397.06 238.11 C 397.05 238.41 397.03 238.71 397.03 239 C 397.03 248.65 401.8 257.54 409.65 262.9 C 408.25 258.74 407.56 254.81 407.56 250.97 C 407.56 248.79 407.94 246.99 408.33 245.09 C 408.43 244.65 408.52 244.2 408.61 243.73 L 410.8 244.16 C 410.7 244.64 410.61 245.1 410.51 245.54 C 410.12 247.41 409.79 249.02 409.79 250.97 C 409.79 255.33 410.74 259.83 412.69 264.72 C 416.83 266.87 421.31 267.97 426 267.97 C 429.07 267.97 432.07 267.48 434.93 266.54 C 436.05 264.32 436.88 262.24 437.58 259.84 L 439.72 260.46 C 439.21 262.21 438.63 263.8 437.93 265.38 C 439.73 264.57 441.43 263.57 443.03 262.41 C 442.65 261.46 442.23 260.53 441.78 259.61 L 443.77 258.62 C 444.16 259.39 444.51 260.18 444.85 260.98 C 451.3 255.46 454.97 247.54 454.97 239 Z M 457.2 239 C 457.2 248.72 452.78 257.72 445.08 263.68 C 443.17 265.16 441.1 266.39 438.91 267.38 C 437.99 267.8 437.04 268.19 436.07 268.52 C 432.86 269.64 429.47 270.2 426 270.2 C 420.87 270.2 415.78 268.92 411.28 266.51 C 401.11 261.07 394.8 250.53 394.8 239 C 394.8 238.24 394.82 237.65 394.87 237.12 C 395.62 224.1 404.56 212.83 417.09 209.1 C 419.94 208.24 422.94 207.8 426 207.8 C 431.36 207.8 436.63 209.18 441.25 211.79 C 451.09 217.3 457.2 227.73 457.2 239 Z M 423.01 222.8 L 421.54 221.12 C 419.04 223.3 417.1 225.62 414.83 229.11 L 416.7 230.33 C 418.85 227.01 420.68 224.84 423.01 222.8 Z M 419.62 237.25 L 418.9 239.35 C 424.01 241.11 428.48 243.92 432.95 248.18 L 434.49 246.56 C 429.78 242.07 425.05 239.11 419.62 237.25 Z M 434.52 224.14 C 438.7 230.52 441.06 237.52 441.52 244.95 L 439.29 245.09 C 438.85 238.05 436.62 231.41 432.66 225.37 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 285px; margin-left: 426px;">
                        <div data-drawio-colors="color: #232F3E; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(35, 47, 62); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Amazon
                                <br/>
                                CloudFront
                                <br/>
                                <br/>
                                delivering website
                                <br/>
                                on edge locations
                                <br/>
                                <br/>
                                d15f3h5j74nmwf.cloudfront.net
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="426" y="297" fill="#232F3E" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Amazon...
                </text>
            </switch>
        </g>
        <path d="M 387 30 L 465 30 L 465 108 L 387 108 Z" fill="url(#mx-gradient-f54749-1-c7131f-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 421.2 68.2 C 421.48 68.47 421.6 68.86 421.52 69.24 L 420.38 74.48 L 425.42 71.39 C 425.77 71.17 426.23 71.17 426.58 71.39 L 431.59 74.48 L 430.48 69.22 C 430.4 68.85 430.52 68.46 430.79 68.2 L 435.29 63.79 L 429.42 62.94 C 429.06 62.89 428.74 62.66 428.58 62.33 L 425.99 57.02 L 423.34 62.34 C 423.18 62.67 422.86 62.89 422.5 62.95 L 416.65 63.8 Z M 417.64 76.56 L 419.21 69.37 L 413.47 63.83 C 413.16 63.53 413.05 63.09 413.18 62.69 C 413.31 62.28 413.66 61.99 414.08 61.93 L 421.6 60.83 L 425 54.01 C 425.19 53.63 425.55 53.37 426 53.39 C 426.43 53.39 426.81 53.64 427 54.02 L 430.33 60.82 L 437.84 61.91 C 438.26 61.97 438.61 62.26 438.74 62.66 C 438.87 63.07 438.76 63.51 438.46 63.81 L 432.79 69.36 L 434.31 76.56 C 434.4 77 434.22 77.44 433.86 77.7 C 433.49 77.96 433.01 77.97 432.63 77.74 L 426 73.65 L 419.31 77.75 C 419.13 77.86 418.93 77.91 418.73 77.91 C 418.5 77.91 418.28 77.85 418.09 77.71 C 417.72 77.45 417.55 77 417.64 76.56 Z M 397.03 47.85 L 454.97 47.85 L 454.97 42.26 L 397.03 42.26 Z M 457.2 41.14 L 457.2 96.86 C 457.2 97.47 456.7 97.97 456.09 97.97 L 449.4 97.97 L 449.4 95.74 L 454.97 95.74 L 454.97 50.08 L 397.03 50.08 L 397.03 95.74 L 439.37 95.74 L 439.37 97.97 L 395.91 97.97 C 395.3 97.97 394.8 97.47 394.8 96.86 L 394.8 41.14 C 394.8 40.53 395.3 40.03 395.91 40.03 L 456.09 40.03 C 456.7 40.03 457.2 40.53 457.2 41.14 Z M 408.17 90.17 L 414.86 90.17 L 414.86 87.94 L 408.17 87.94 Z M 419.31 90.17 L 434.91 90.17 L 434.91 87.94 L 419.31 87.94 Z M 408.17 84.6 L 414.86 84.6 L 414.86 82.37 L 408.17 82.37 Z M 419.31 84.6 L 443.83 84.6 L 443.83 82.37 L 419.31 82.37 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 115px; margin-left: 426px;">
                        <div data-drawio-colors="color: #232F3E; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(35, 47, 62); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                AWS Certificate
                                <br/>
                                Manager
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="426" y="127" fill="#232F3E" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    AWS Certifica...
                </text>
            </switch>
        </g>
        <path d="M 647 200 L 725 200 L 725 278 L 647 278 Z" fill="url(#mx-gradient-60a337-1-277116-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 709.28 242.22 L 709.71 239.21 C 713.66 241.57 713.71 242.55 713.71 242.58 C 713.7 242.58 713.03 243.14 709.28 242.22 Z M 707.12 241.62 C 700.3 239.56 690.8 235.2 686.96 233.39 C 686.96 233.37 686.96 233.36 686.96 233.34 C 686.96 231.86 685.76 230.66 684.28 230.66 C 682.81 230.66 681.61 231.86 681.61 233.34 C 681.61 234.82 682.81 236.02 684.28 236.02 C 684.93 236.02 685.52 235.78 685.98 235.39 C 690.51 237.53 699.93 241.82 706.8 243.85 L 704.08 263.03 C 704.07 263.08 704.07 263.13 704.07 263.18 C 704.07 264.87 696.6 267.97 684.39 267.97 C 672.05 267.97 664.49 264.87 664.49 263.18 C 664.49 263.13 664.49 263.08 664.48 263.03 L 658.81 221.57 C 663.72 224.95 674.29 226.74 684.39 226.74 C 694.48 226.74 705.03 224.96 709.96 221.59 Z M 658.21 217.25 C 658.29 215.78 666.71 210.03 684.39 210.03 C 702.07 210.03 710.5 215.78 710.58 217.25 L 710.58 217.75 C 709.61 221.04 698.69 224.51 684.39 224.51 C 670.07 224.51 659.15 221.02 658.21 217.73 Z M 712.81 217.27 C 712.81 213.41 701.74 207.8 684.39 207.8 C 667.05 207.8 655.98 213.41 655.98 217.27 L 656.08 218.11 L 662.27 263.27 C 662.41 268.32 675.88 270.2 684.39 270.2 C 694.94 270.2 706.15 267.77 706.3 263.27 L 708.97 244.44 C 710.45 244.8 711.68 244.98 712.66 244.98 C 713.98 244.98 714.87 244.66 715.41 244.01 C 715.85 243.49 716.02 242.85 715.89 242.16 C 715.61 240.62 713.77 238.96 710.05 236.83 L 712.69 218.16 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 285px; margin-left: 686px;">
                        <div data-drawio-colors="color: #232F3E; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(35, 47, 62); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Amazon Simple
                                <br/>
                                Storage Service (S3)
                                <br/>
                                <br/>
                                hosts the static website
                                <br/>
                                romaji2kana.com
                                <br/>
                                <br/>
                                romaji2kana.com.s3-website.eu-central-1.amazonaws.com
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="686" y="297" fill="#232F3E" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Amazon Simple...
                </text>
            </switch>
        </g>
        <path d="M 465 239 L 638.88 239" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 645.88 239 L 638.88 242.5 L 638.88 235.5 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 221px; margin-left: 556px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                get contents of S3 bucket
                                <br/>
                                and cache it on edge locations
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="556" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    get contents of S3 bucket...
                </text>
            </switch>
        </g>
        <path d="M 227 239 L 378.88 239" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 385.88 239 L 378.88 242.5 L 378.88 235.5 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 221px; margin-left: 308px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                route traffic
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="308" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    route traffic
                </text>
            </switch>
        </g>
        <path d="M 465 200 L 497 200 L 497 69 L 473.12 69" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 466.12 69 L 473.12 65.5 L 473.12 72.5 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 141px; margin-left: 548px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                get SSL certificate
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="548" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    get SSL certificate
                </text>
            </switch>
        </g>
        <path d="M 7 239 L 138.88 239" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 145.88 239 L 138.88 242.5 L 138.88 235.5 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 221px; margin-left: 76px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                HTTP GET-Request
                                <br/>
                                to romaji2kana.com
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="76" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    HTTP GET-Request...
                </text>
            </switch>
        </g>
        <rect x="327" y="0" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 15px; margin-left: 372px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;us-east-1&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="372" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;us-east-1&gt;
                </text>
            </switch>
        </g>
        <rect x="697" y="170" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 185px; margin-left: 747px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;eu-central-1&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="747" y="189" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;eu-central-1&gt;
                </text>
            </switch>
        </g>
        <rect x="342" y="170" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 185px; margin-left: 377px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;Global&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="377" y="189" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;Global&gt;
                </text>
            </switch>
        </g>
        <rect x="102" y="170" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 185px; margin-left: 137px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;Global&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="137" y="189" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;Global&gt;
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>