#header2 {
   
    padding: 0 2%;
    line-height: 80px;
    overflow: hidden;
    padding-top: 20px;
}

#header2 h1 {
    margin: 0;
    float: left;
    width: 27%;   
    font-size: 32px;
}

#header2 h2 {
    margin: 0;
    float: left;
    width: 100%;   
    font-size: 30px;
    text-align: center;
}

#header2 #navigation {
    float: right;
    width: 27%;
    text-align: right;
}

#header2 #navigation a {
    margin-left: 1em;
}

#header2 a:link, #header1 a:visited {
   
    text-decoration: none;
}

#header2 a:focus, #header1 a:hover, #header1 a:active {
   
    text-decoration: underline;
}

#header2 h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
    text-decoration: none;
}

.main{
    display: flex;
}

/* Main */


#main {
    overflow: hidden;
}

#content {
    float: right;
    width: 80%;
}

.menu-trai {
    width: 250px; /* Tăng chiều rộng ở đây */
   
}
.noi-dung-chinh {
    flex: 1; /* Chiếm hết khoảng trống còn lại */
    display: flex;
    flex-direction: column;
    align-items: center; /* Lệnh quan trọng để căn giữa */
    padding-top: 20px;
}
/* Footer */
#footer {
    border-top: 2px double #0c0632;
    color: #eeeeee;
    text-align: center;
    padding: 2%;
}

#footer #navigation a {
    margin-left: 2em;
}

#footer #copyright {
    margin-top: 2%;
    width: 50%;
    display: inline-block;
}

#footer a:link, #footer a:visited {
    color: #dddddd;
    text-decoration: none;
}

#footer a:focus, #footer a:hover, #footer a:active {
    color: #ffffff;
    text-decoration: underline;
}

#copyright a:link, #copyright a:visited {
    color: #add8e6;
    text-decoration: none;
}

#copyright a:focus, #copyright a:hover, #copyright a:active {
    color: #cffbf8;
    text-decoration: underline;
}

/
.warning {
    display: none;
    text-align: left;
    border: 3px double red;
    background: #ffe0e0;
    padding: 0 1em;
}