* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    justify-content: center; /* 水平居中 */
    
    min-height: 100vh; /* 让内容至少撑满整个屏幕 */
    padding: 40px; /* 让边框与屏幕保持距离 */
    background-color: white;
}

.wrapper {
    width: 80%; /* 让内容宽度占 80% */
    max-width: 1000px; /* 限制最大宽度，防止超大屏幕太宽 */
    border: 1px solid black; /* 黑色边框 */
    padding: 40px; /* 让内容与边框有间距 */
    background-color: white;
    margin: 5px; /* 让边框不会紧贴屏幕 */
}

@media screen and (max-width: 960px) {
    .wrapper {
        width: 90%; /* 在小屏幕下，宽度稍微增加 */
        padding: 30px; /* 适当减少 padding */
    }
}



    body{
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 110%;
        color: #2e2c2c;
        border: 1px solid black; 
        margin: auto;
        padding: auto;
        box-sizing: border-box;
    }
    
    
#all-content {
    width: 100%;
    border-top: solid 2px #2e2c2c;
    padding-top: 1em;
}
    
    #main-content{
        width: 19%;
        float:left;
        color:rgb(240, 122, 53) ;
        border-right: solid  #2e2c2c ;
        margin-right: 5px;
        text-align: center; 
    }
        
  #secondary-content{
        width: 60%;
        float:left;
        
    }
#third-content{
        width: 19%; 
        float: left; 
        background-color: rgb(240, 122, 53); 
        color: white; 
        text-align: center; 
        border-radius: 5px
   
    }
#contact-info {
        width: 90%;
        float:left;
        color: rgb(240, 122, 53);
       
    }
#title{
    color: rgb(240, 122, 53);
    font-weight: bold;
}
li {
    display: inline;
    list-style-type: none;
  }
a:link, a:visited, a:active {
    color: rgb(240, 122, 53); text-decoration: none; font-weight: bold;
    }
    a:hover {
    color: rgb(240, 122, 53); text-decoration: underline; font-weight: bold;
    }
    .current {
    font-weight: bold;
    }