如何修复W3Schools默认带下拉菜单的导航栏使其正常工作？

我正在搭建一个导航栏，除CSS代码外，其余HTML及相关代码均参考自W3Schools。以下是我编写的自定义CSS样式：

@font-face { 
  font-family: "Yeezy"; 
  src: url("../static/yeezy.ttf"); 
} 
* { 
  font-family: "Yeezy"; 
  font-weight: bold; 
  color: #dbdbdb !important; 
} 
html, body { 
  height: 900px; 
  background-size: cover; 
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://i.imgur.com/pxYxnOn.jpg"); 
} 
/* 额外背景备选：Owens Default SSV7.4 */

内容的提问来源于stack exchange，提问作者mac