.navbar {  
list-style-type: none;  
margin: 0;  
 padding: 0;  
overflow: hidden;  
background-color: #aaa24d; 
text-align: center;
		}  
.navbar li {  
float: left;  
		}   
.navbar li a {  
display: block;  
color: white;    
padding: 14px 16px;  
text-decoration: none; 

		}  
.navbar li a:hover {  
background-color: #111;  
		}
span,h2{
	display: block;
   text-align: center;
			}
h1{
color: #ffaaff; 
		}
p{
text-indent: 2em;
font-size: 20px ;
		}
.carousel {  
    position: relative;  
    width: 100%; /* 根据需要设置宽度，比如设置为容器宽度 */  
    overflow: hidden;  
}  
  
.carousel-slides {  
    display: flex;  
    transition: transform 0.5s ease;  
}  
  
.carousel-slide {  
    flex: 0 0 auto;  
    width: 100%; /* 幻灯片宽度设置为轮播图的宽度 */  
    overflow: hidden;  
}  
  
.carousel-slide img {  
    width: 100%; /* 图片宽度自适应幻灯片宽度 */  
    height: auto; /* 图片高度自动调整以保持比例 */  
}  
  
.carousel-prev, .carousel-next {  
    position: absolute;  
    top: 50%;  
    transform: translateY(-50%);  
    font-size: 2em;  
    background: none;  
    border: none;  
    color: white;  
    cursor: pointer;  
}  
  
.carousel-prev { left: 10px; }  
.carousel-next { right: 10px; }
 .gradient-box {    
        background: linear-gradient(to right, red, orange);
		}