Javascript 字体图标不在页面中心

我有一个div，它是我网站上的一个页面，我正试图将这些字体很棒的图标放在它的中心。但由于某些原因，他们不会集中精力。我一直在寻找解决办法，但到目前为止还没有一个奏效

单击“关于”按钮查看我正在谈论的内容。

$（函数（）{
$（'#fadeContent'）。单击（函数（）{
var bodyContent=$（“#bodyContent”）
fadeIn（400）；
bodyContent.单击（函数（）{
美元（本）。淡出（400）；
})
});
});
正文{
背景色：黑色；
字体系列：“源Sans-Pro”，无衬线；
颜色：#ccc；
z指数：-100；
背景色：黑色；
}
#身体内容{
显示：无；
位置：绝对位置；
颜色：白色；
宽度：100%；
身高：100%；
背景#4545；
z指数：100；
}
.fa时代{
位置：绝对位置；
顶部：0px；
右：0px；
字号：3em；
保证金权利：2%；
利润率最高：1.5%；
}
.fa推特，
.fa github，
.fa蒸汽{
显示：内联块；
位置：相对位置；
文本对齐：居中；
字号：2.5em；
填充：.5em；
边框：3倍纯白；
利润率最高：20%；
左缘：1.5%；
保证金权利：1.5%；
}
.fa次：悬停{
颜色：#e84d4d；
光标：指针；
}
#家{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左缘：20%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein 2s；/*Firefox*/
-webkit动画：fadein 2s；/*Safari和Chrome*/
}
.关于{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左缘：37%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein 2s；/*Firefox*/
-webkit动画：fadein 2s；/*Safari和Chrome*/
}
#计划{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左边缘：54%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein 2s；/*Firefox*/
-webkit动画：fadein 2s；/*Safari和Chrome*/
}
#接触{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左缘：71%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein 2s；/*Firefox*/
-webkit动画：fadein 2s；/*Safari和Chrome*/
}
#主页：悬停{
颜色：#1dd2e2；
边框：3px实心#18bdef；
字体大小：粗体；
}
.关于：悬停{
颜色：#1dd2e2；
边框：3px实心#18bdef；
字体大小：粗体；
}
#项目：悬停{
颜色：#1dd2e2；
边框：3px实心#18bdef；
字体大小：粗体；
}
#联系人：悬停{
颜色：#1dd2e2；
边框：3px实心#18bdef；
字体大小：粗体；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
@-webkit关键帧fadein{/*Safari和Chrome*/
从{
不透明度：0；
}
到{
不透明度：1；
}
}

家
家
关于
项目
接触
试试这个：

#bodyContent {
    text-align: center;
}


$（函数（）{
$（'#fadeContent'）。单击（函数（）{
var bodyContent=$（“#bodyContent”）
fadeIn（400）；
bodyContent.单击（函数（）{
美元（本）。淡出（400）；
})
});
});
正文{
背景色：黑色；
字体系列：“源Sans-Pro”，无衬线；
颜色：#ccc；
z指数：-100；
背景色：黑色；
}
#身体内容{
显示：无；
位置：绝对位置；
颜色：白色；
宽度：100%；
身高：100%；
背景#4545；
z指数：100；
文本对齐：居中；
}
.fa时代{
位置：绝对位置；
顶部：0px；
右：0px；
字号：3em；
保证金权利：2%；
利润率最高：1.5%；
}
.fa推特，
.fa github，
.fa蒸汽{
显示：内联块；
位置：相对位置；
文本对齐：居中；
字号：2.5em；
填充：.5em；
边框：3倍纯白；
利润率最高：20%；
左缘：1.5%；
保证金权利：1.5%；
}
.fa次：悬停{
颜色：#e84d4d；
光标：指针；
}
#家{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左缘：20%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein2s；
/*火狐*/
-webkit动画：fadein2s；
/*狩猎与铬*/
}
.关于{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左缘：37%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein2s；
/*火狐*/
-webkit动画：fadein2s；
/*狩猎与铬*/
}
#计划{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
左边缘：54%；
高度：3em；
颜色：#FFF；
字号：1em；
光标：指针；
文本转换：大写；
边界半径：4px；
动画：Fadein2S；
-moz动画：fadein2s；
/*火狐*/
-webkit动画：fadein2s；
/*狩猎与铬*/
}
#接触{
位置：绝对位置；
宽度：16%；
背景色：透明；
边框：2倍实心#FFF；
利润率最高：12%；
玛吉