Html SVG未在live server中加载

我一直在一个网站上工作，到了SVG部分，它就不会出现了。我可以将它拖到选项卡顶部，它会显示在那里，但不会显示在live server网站上。这是HTML

GR官方网站












战舰
下一场世界大战皇家游戏

这是CSS

*{
框大小：边框框；
保证金：0；
填充：0；
字体系列：“Kumbh Sans”，无衬线；
}
navbar先生{
背景：#0024c7；
高度：80px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
字号：1.2rem；
位置：粘性；
排名：0；
z指数：999；
}
.navbar_uu容器{
显示器：flex；
证明内容：之间的空间；
高度：80px；
z指数：1；
宽度：100%；
最大宽度：1300px；
保证金：0自动；
填充：0 50px；
}
#导航栏标志{
背景色：#28caf3；
背景图像：线性渐变（至顶部，#28caf3，#93e5f3，#ffffff）；
背景大小：100%；
-webkit背景剪辑：文本；
-moz背景剪辑：文本；
-webkit文本填充颜色：透明；
-moz文字填充颜色：透明；
显示器：flex；
对齐项目：居中；
光标：指针；
文字装饰：无；
字体大小：2.3rem；
}
法宝{
保证金：0.5雷姆；
}
.导航栏菜单{
显示器：flex；
对齐项目：居中；
列表样式：无；
文本对齐：居中；
}
.导航栏项目{
高度：80px；
}
.导航栏链接{
颜色：#ffffff；
显示器：flex；
对齐项目：居中；
证明内容：中心；
文字装饰：无；
填充：0 1rem；
身高：100%；
}
.navbar_uubtn{
显示器：flex；
证明内容：中心；
对齐项目：居中；
填充：0 1rem；
宽度：100%；
}
.按钮{
显示器：flex；
证明内容：中心；
对齐项目：居中；
文字装饰：无；
填充：10px 20px；
身高：100%；
宽度：50%；
边界：无；
大纲：无；
边界半径：4px；
背景：#08657c；
颜色：#ffffff；
}
.按钮：悬停{
背景：#1216ff；
过渡：所有0.3秒缓解；
}
.navbar__链接：悬停{
颜色：#28caf3；
过渡：所有0.3秒缓解；
}
@媒体屏幕和屏幕（最大宽度：960像素）{
.navbar_uu容器{
显示器：flex；
证明内容：之间的空间；
高度：80px；
z指数：1；
宽度：100%；
最大宽度：1300px；
填充：0；
}
.导航栏菜单{
显示：网格；
网格模板列：自动；
保证金：0；
宽度：100%；
位置：绝对位置；
顶部：-1000px；
不透明度：0；
过渡：所有0.5s缓解；
高度：50vh；
z指数：-1；
背景：#0024c7；
}
.navbar\uuu菜单。激活{
背景：#0024c7；
最高：100%；
不透明度：1；
过渡：所有0.5s缓解；
z指数：99；
高度：50vh；
字体大小：1.6rem；
}
#导航栏标志{
左侧填充：25px；
}
.navbar\uuu切换.bar{
宽度：25px；
高度：3倍；
保证金：5px自动；
过渡：所有0.3秒的缓进缓出；
背景：#ffffff；
}
.导航栏项目{
宽度：100%；
}
.导航栏链接{
填充：2rem；
宽度：100%；
显示：表格；
}
#移动菜单{
位置：绝对位置；
最高：20%；
右：5%；
转化：翻译（5%，20%）；
}
.navbar_uubtn{
垫底：2rem；
}
.按钮{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：80%；
高度：80px；
利润率：0%；
}
.navbar\uuu切换.bar{
显示：块；
光标：指针；
}
#mobile-menu.is-active.bar:第n个子菜单（2）{
不透明度：0；
}
#mobile-menu.is-active.bar:第n个子菜单（1）{
变换：translateY（8px）旋转（45度）；
}
#mobile-menu.is-active.bar:第n个子菜单（3）{
变换：translateY（-8px）旋转（-45度）；
}
}
/*主要部分.风格*/
梅因先生{
背景色：#415dd6；
}
.主集装箱{
显示：网格；
网格模板柱：1fr 1fr；
对齐项目：居中；
自我辩护：中心；
保证金：0自动；
高度：90vh；
背景色：#415dd6；
z指数：1；
宽度：100%；
最大宽度：1300px；
填充：0 50px；
}
.主容器h2{
背景色：#中交；
背景图像：线性渐变（到顶部，#cccccc，#eeeeee，#ffffff）；
背景大小：100%；
-webkit背景剪辑：文本；
-moz背景剪辑：文本；
-webkit文本填充颜色：透明；
-moz文字填充颜色：透明；
}
.主要内容h1{
字号：4rem；
背景色：#中交；
背景图像：线性渐变（到顶部，#cccccc，#eeeeee，#ffffff）；
背景大小：100%；
-webkit背景剪辑：文本；
-moz背景剪辑：文本；
-webkit文本填充颜色：透明；
-moz文字填充颜色：透明；
}
.主要内容p{
页边顶部：1rem；
字号：2rem；
字体大小：300；
颜色：#F4F8；
}
.main_uubtn{
字号：1rem；
背景图像：线性渐变（向右，#0453ff，#049bff）；
填充：14px 32px；
B
Error: The element a must not appear as a descendant of the button element.    
From line 47, column 43; to line 47, column 67    
ain__btn"><a href="/warships.html">Learn 

Error: Stray end tag a.    
From line 47, column 82; to line 47, column 85    
n More</a></a></butt