六角形物体不以Apple Safari为中心

Question

我使用http://csshexagon.com/生成了这个Hexagon，我在我的个人网站上使用它。但出于某种原因，它似乎集中在所有其他浏览器上，除了Apple Safari（在macOS和iOS上）。

我尝试应用我知道的大多数CSS属性，这些属性通常都是中心内容，但它似乎并不适用于这个特定的Hexagon（可能是因为它的编码方式）。

macOS Sierra上的Chrome

macOS Sierra上的Safari

您可以在此处使用网站的现场演示： http://www.amruthpillai.com/

非常感谢任何帮助！