Javascript 如何在我的网站上居中设置按钮？

我的代码有问题，无法解决。我正在写我自己的网站，无法让我的按钮转到页面的中心。我尝试了几乎所有我认为的方法，但由于某些原因，它总是达到30%或70%左右。。。该网站目前还没有完全响应，我将在稍后处理。我的代码怎么了？下次我怎么做才能把它修好？谢谢你的建议

函数showHide（）{
var navList=document.getElementById（“nav列表”）；
如果（navList.className=='\u菜单'）{
navList.classList.add（“_菜单-show”）；
}否则{
navList.classList.remove（“_-Menus-show”）；
}
const body=document.querySelector（'body'）
const twitter=document.querySelector（“.twitter”）
addEventListener（“mouseover”，函数（）{
body.classList.add（'linked'）
}，错）
addEventListener（“mouseout”，函数（）{
body.classList.remove（'linked'）
}，错）
}

@font-face{
字体系列：“熟悉的_probold”；
src:url（'fonts/HORMANPRO/HORMAND_pro-bold-webfont.woff2'）格式（'woff2'），
url（“字体/fonts/HOMMARPRO/HOMMARD_pro-bold-webfont.woff”）格式（“woff”）；
字体大小：正常；
字体风格：普通；
}
@字体{
字体系列：“uni_sansu_caps”；
src:url（'font/uniansheavy/uni_sans_heavy-webfont.woff2'）格式（'woff2'），
url（'font/unisanshweight/uni_sans_heavy-webfont.woff'）格式（'woff'）；
字体大小：正常；
字体风格：普通；
}
@字体{
字体系列：“source_sans_problack”；
src:url（'font/SourceSans/sourcesanspro black webfont.woff2'）格式（'woff2'），
url（'font/SourceSans/sourcesanspro black webfont.woff'）格式（'woff'）；
字体大小：正常；
字体风格：普通；
}
*{
保证金：0；
填充：0；
}
*,
*：：之前，
*：：之后{
框大小：边框框；
-webkit框大小：边框框；
}
身体{
填充：0；
保证金：0；
背景色：#f7f7f7；
字体系列：无衬线；
}
img{
宽度：100%；
高度：自动；
}
navbar先生{
宽度：100%；
背景色：#000；
}
.集装箱{
最大宽度：1140px；
保证金：0自动；
高度：60px；
显示器：flex；
柔性包装：包装；
}
美国商标{
溢出：隐藏；
文本对齐：居中；
弹性基准：230px；
}
美国商标协会{
身高：100%！重要；
宽度：150px！重要；
}
美国联邦储备银行{
显示器：flex；
列表样式：无；
填充：0；
保证金：0；
柔性包装：包装；
}
李娜女士{
显示：块；
填充：0 10px；
高度：60px；
线高：60px；
文字装饰：无；
颜色：#FFF；
大纲：无；
字体系列：“uni_sansu_caps”；
}
a:悬停{
背景色：#FFF；
颜色：#000；
}
伊康巴酒店{
显示：无；
背景色：#000；
}
.菜单栏{
宽度：45px；
自对准：居中；
光标：指针；
}
.图标栏{
高度：3倍；
宽度：100%；
背景：#FFF；
边际：7px0；
显示：块；
边界半径：2px；
}
.toppadding{
填充顶部：0；
}
1.背轮{
宽度：100%；
高度：自动；
位置：相对位置；
文本对齐：居中；
颜色：白色；
}
.首先是口号{
位置：绝对位置；
最高：20%；
左：5%；
字体系列：“熟悉的_probold”；
字体大小：200%；
颜色：灰色；
}
.斯洛根第二{
位置：绝对位置；
最高：25%；
左：5%；
字体系列：“uni_sansu_caps”；
字体大小：500%；
}
.斯洛根{
位置：绝对位置；
最高：35%；
左：5%；
字体系列：“uni_sansu_caps”；
字体大小：500%；
颜色：#DCC98E；
边框底部：6px实心#DCC98E；
垫底：3件；
}
.如何工作LeftTextFirst a{
位置：绝对位置；
最高：51%；
左：5%；
字体系列：“熟悉的_probold”；
字体大小：200%；
颜色：#B9CDBE；
边框底部：3px实心#B9CDBE；
垫底：3件；
文字装饰：无；
}
.如何工作LeftTextSecond{
位置：绝对位置；
最高：57%；
左：5%；
字体系列：“Arial”；
字体大小：200%；
颜色：白色；
}
人力资源{
颜色：黑色；
背景色：黑色；
高度：8px；
边界：无；
}
.中背景{
背景色：#1B1C1E；
填充底部：100px；
}
.教程{
垫面：3%；
垫底：3%；
文本对齐：居中；
左：50%；
字体系列：“uni_sansu_caps”；
颜色：#DCC98E；
字体大小：350%；
宽度：100%；
}
.教程p{
填充顶部：20px；
垫底：20px；
文本对齐：居中；
左：50%；
字体系列：“Arial”；
颜色：白色；
字体大小：50%；
宽度：100%；
}
.圆圈{
保证金：0自动；
}
.circles>div{
溢出：隐藏；
浮动：左；
宽度：自动；
高度：自动；
位置：相对位置；
边界半径：50%；
-moz边界半径：50%；
-webkit边界半径：50%；
背景：#1B1C1E；
}
.圆>分割>分割{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
字体系列：“uni_sansu_caps”；
字体大小：400%；
颜色：灰色；
}
.圆>分割>分割>分割{
显示：表格；
宽度：100%；
身高：100%；
}
.圆>分割>分割>分割>分割{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
}
@介质（最大宽度：320px）
{
.circles>div{padding:50%；}
}
@介质（最小宽度：321像素）和（最大宽度：800像素）
{
.circles>div{padding:25%；}
}
@介质（最小宽度：801px）
{
.圆{宽度：800px}
.circles>div{填充：12.5%；}
}
.圆圈内容{
保证金：0自动；
}
.circleContent>div{
溢出：隐藏；
浮动：左；
宽度：自动；
高度：自动；
位置：相对位置；
背景：#1B1C1E；
}
.circleContent>div>div{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
字体系列：“熟悉的_probold”；
字体大小：250%；
颜色：灰色；
}
.circleContent>div>div>div{
显示：表格；
宽度：100%；
身高：100%；
}
.circl
.button {
transform: translateX(-50%);
}