body {
  background-image: url('bgl.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
body {
    background-image: url('bgs.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }
}

*{
			margin:0;
			padding:0;
			list-style:none;
			text-decoration:none;
			box-sizing: border-box;
		}
.nav {
			height:40px;
			background: linear-gradient(90deg,#0079FF,aqua);
			
			}
		
.navlist li{
			float: left;
			height: 50px;
			line-height: 40px;
			width: 25%;
			text-align: center;
			font-size: 18px;
			font-weight: bold;	
		}
		
.navlist a{
			color:aliceblue;
			display: block;
		}
.navlist a:hover{
			background:#368CDB;
		}
mycanvas{
            width: 300px;
            height: 300px;
            margin: 0 auto;
        }
#game{
			text-align:center;
	        display:none;
		}
.button {
            display: inline-block;
            margin: 10px; /* 调整按钮的位置 */
            padding: 10px 20px; /* 按钮内边距 */
            background-color: yellow; /* 按钮背景色 */
            color: #000; /* 按钮文字颜色 */
            border: none; /* 去掉按钮边框 */
            border-radius: 5px; /* 圆角 */
            font-size: 16px; /* 字体大小 */
            cursor: pointer; /* 鼠标悬停样式 */
        }
.playgame{
			text-align:center
		}