body{
    background-color: rgb(0, 0, 0);
}

header{
    width:100%;
    heigth: 800px;
   
}
/*images*/

img{
    width:100%;
    height:auto;
}


/*images/

img{
    width:100%;
    heigth:auto;
}

/*classes*/

.fltRght{

    float:right;
    width:30%;
    margin:5px;
}


.fltLft{

    float:left;
    width:30%;
    margin:5px;
}

/* nav and links*/
nav{
    /*width:100%;*/
    height:auto;
    background-color: rgb(255, 255, 255);
}

/*  nav ul{*/
/*      width:25%;*/
/*      height:auto;*/
/*      list-style: none;*/
/*      margin:auto;*/

/*  }*/

/*  nav ul li a{*/

/*      width: 100%;*/

/*      height: auto;*/
/*      color: rgb(255, 255, 255);*/
/*      text-align: center;*/

/*  }*/

/*  nav ul li a:hover{*/

/*      width: 200px;*/
/*      height: 50px;*/
/*      color:241, 152, 195;*/


/*  }*/

/*  nav ul {*/
/*    list-style-type: none; !* 移除列表默认的项目符号 *!*/
/*    padding: 0; !* 移除内边距 *!*/
/*    margin: 0; !* 移除外边距 *!*/
/*    display: flex end; !* 使用flex布局 *!*/
/*  }*/
/*  !* 设置列表项样式 *!*/
/*  nav ul li {*/
/*    margin-right: 10px; !* 在列表项之间添加间隔 *!*/
/*  }*/
/*  !* 设置链接样式 *!*/
/*  nav a {*/
/*    display: block; !* 将链接设置为块级元素，使其填充整个列表项 *!*/
/*    width: 200px; !* 设置链接的宽度 *!*/
/*    height: 80px; !* 设置链接的高度 *!*/
/*    line-height: 80px center; !* 设置文本水平居中 *!*/
/*    text-decoration: none; !* 移除下划线 *!*/
/*    background-color: #000000; !* 设置背景颜色 *!*/
/*    color: rgb(241, 152, 195); !* 设置文本颜色 *!*/
/*    border: 2px solid #000000; !* 设置边框 *!}*/

/*    nav a:hover{*/
/*        background-color: #6a6a6a;*/
/*}*/

  /* 菜单栏样式 */
  #menu {
    position: fixed;       /* 使用固定定位 */
    left: 0;               /* 左侧对齐 */
    top: 0;                /* 顶部对齐 */
    width: 200px;          /* 菜单宽度 */
    height: 100%;          /* 高度填满整个视口 */
    background-color: #333;/* 背景颜色 */
    overflow: auto;        /* 如果菜单内容超出，允许滚动 */
  }
  
  /* 菜单列表样式 */
  #menu ul {
    list-style-type: none; /* 移除列表默认样式 */
    padding: 0;            /* 移除内边距 */
  }
  
  /* 菜单项样式 */
  #menu ul li a {
    display: block;        /* 将链接设为块级元素，填满整个列表项 */
    color: white;          /* 文字颜色 */
    padding: 10px;         /* 内边距 */
    text-decoration: none; /* 移除下划线 */
  }
  
  /* 内容区域样式 */
  #content {
    margin-left: 200px;    /* 为内容区域腾出空间，避免被菜单栏覆盖 */
    padding: 20px;         /* 添加一些内边距 */
  }

.links {
    display: flex;
    justify-content: center;
    gap: 6rem;
    color: #fff;
    margin-top: 3rem;
}

.links h1 {
    font-size: 2.3rem;
}

.links .left {
    width: 500px;
}

.links .right {
    width: 500px;
}

.links .box {
    display: flex;
    flex-direction: column;
}

.links .box a {
    font-size: 18px;
    padding: 20px 10px;
    border-bottom: 1px solid #555;
    text-decoration: none;
    color: #ddd;
}

.links .box a:hover {
    transition: 0.20s ease;
    background: rgb(25, 25, 25);
    color: #fff;
}

.banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
    background-image: url("../image1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    padding: 7rem 0;
    background-position: top;
    background-color: rgba(0,0,0,0.5);
}

.banner h1 {
    margin: 10px !important;
    color: #fff;
    font-size: 45px;
    font-family: "bd-geminis", sans-serif;
}