*{padding:0;margin:0;box-sizing:border-box}html,body{display:flex;min-height:100vh;flex-direction:column;font-family:open sans,sans-serif}footer{background:#003f88;min-height:100px;flex-shrink:0;justify-content:center;padding:20px;border:1px solid #000}h1,h2{font-family:prompt,sans-serif;font-weight:700;padding:20px 0;color:#ba3838}h3,h4,h5,h6{font-family:prompt,sans-serif;font-weight:700;margin-top:10px;color:#33cccc}p{line-height:2rem}a,a:visited{text-decoration:none;color:#003f88}a:hover{opacity:.5}li{padding:5px}hr{border:1px solid #003f88;border-radius:1px}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container__text{max-width:700px;margin-left:auto;margin-right:auto;text-align:justify}.container__text ul{margin-left:25px}.container__text ol{margin-left:25px}.page-content{padding:0;margin:40px 0 80px}.icons:hover{opacity:.5}.main-content{flex:1}.dark-blue{color:#1d3557}.dark-orange{color:#bc6c25}.top-nav{list-style-type:none;background-color:#003f88;border-bottom:4px solid #33cccc;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.top-nav li a{color:#ffffff;display:block}.top-nav__logo{font-size:20px;max-width:200px;height:100%;padding:20px 40px;font-family:prompt,sans-serif;font-weight:700}.top-nav__logo a{max-width:100px;color:#ffffff;display:block}.footer-content{display:flex;padding-top:20px;padding-bottom:10px}.footer-content__left-group{width:60%;color:#fff}.footer-content__left-group p{width:50%}.footer-content__site-name{font-size:1.5rem;font-family:prompt,sans-serif}.footer-content__right-group{width:40%;text-align:right;margin-top:auto}.footer-content__right-group a{color:#fff}.home-page-heading{text-align:center;margin-bottom:20px}.home-page-heading__title{width:auto;font-family:prompt,sans-serif;font-weight:700;font-size:2rem;margin-top:10px;margin-bottom:20px;color:#33cccc}.home-page-heading__subtitle{font-size:1.1rem;color:#003f88}.home-page-intro{margin-bottom:20px}.news-list-item{max-width:700px;margin:auto;margin-bottom:35px;margin-top:5px}.news-list-item__date{color:#003f88;margin-bottom:5px}.news-list-item__title{margin-bottom:5px;padding-bottom:0;margin-top:5px;padding-top:0}.flexbox-container{margin-top:20px;padding-top:30px;margin-bottom:20px;padding-bottom:30px;display:flex;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.flexbox-item{display:flex;flex-direction:column;width:300px}.research-item{min-height:280px}.research-item__top{display:block;width:60%;margin-left:auto;margin-right:auto;margin-bottom:20px}.research-item__name{text-align:center;font-family:prompt,sans-serif;font-weight:700;font-size:1.4rem;color:#33cccc;margin-bottom:5px}.research-item__position{text-align:center}.people-item{display:block;margin:auto}.people-item__top{display:block;width:60%;margin-left:auto;margin-right:auto;margin-bottom:20px}.people-item__bottom{margin:auto}.people-item__name{text-align:center;font-family:prompt,sans-serif;font-weight:700;font-size:1.4rem;color:#33cccc;margin-bottom:5px}.people-item__position{text-align:center}.people-single{max-width:700px;margin:auto;padding-top:30px;padding-bottom:30px;display:flex;height:260px}.people-single__portrait{width:200px;margin-right:40px}.people-single__info{width:500px}.people-single__name{font-family:prompt,sans-serif;font-weight:700;font-size:2.5rem;color:#33cccc;margin-top:30px;margin-bottom:15px}.people-single__position{font-size:1.3rem;margin-bottom:20px}.people-single__content{max-width:700px;margin:auto}.people-single__content td{padding:5px}.people-single__resources{margin-left:auto;margin-right:0;display:flex}.people-single__resources__icon{width:20px;margin-left:3px;margin-right:3px}@media(max-width:768px){.people-single{flex-direction:column-reverse;height:auto}.people-single__portrait{width:200px;margin:auto}.people-single__info{width:auto;margin:auto}.people-single__resources{display:flex;width:60%;margin:auto}.people-single__resources__item{margin:0 auto}.people-single__name{text-align:center}.people-single__position{text-align:center}}.publication-list__ref-link{font-style:italic}.publication-list__arXiv-link__icon{height:1.2rem;margin-bottom:-4px}.publication-list__year{padding:10px 0}.publication-list__year-list{display:flex;flex-wrap:wrap;margin-bottom:15px}.publication-list__year-list__link{flex-direction:column;padding:2px 5px;margin:2px;background-color:#003f88;border-radius:4px;color:#fff}.publication-single__head{display:flex;margin-bottom:40px}.publication-single__image{display:block;max-width:40%;margin-right:40px;object-fit:contain}.publication-single__info{max-width:60%;align-self:center;margin-bottom:30px}.publication-single__ref{display:flex;gap:.5em;flex-wrap:wrap;justify-content:right;align-items:right;align-content:right;margin-bottom:20px}.publication-single__ref__authors{flex-direction:column;margin-top:auto;margin-bottom:auto}.publication-single__ref__journal{flex-direction:column;margin-top:auto;margin-bottom:auto}.publication-single__title{padding:0;padding-bottom:20px}.publication-single__content{text-align:justify}.publication-single__content td{padding-left:5px;padding-right:5px}.publication-single__content ul{margin-left:30px}.publication-single__content tr:nth-child(even){background-color:#0000000e}.publication-single__content th{padding-left:5px;padding-right:5px;background-color:#0000000e}.publication-ref{display:flex;gap:.5em;flex-wrap:wrap;margin-bottom:20px}.publication-ref__authors{flex-direction:column;margin-top:auto;margin-bottom:auto}.publication-ref__journal{flex-direction:column;margin-top:auto;margin-bottom:auto}.publication-ref__link{font-style:italic}.publication-ref__arXiv-link__icon{height:1.2rem;margin-bottom:-4px}.teaching-list__term{color:#33cccc;font-family:prompt,sans-serif;font-size:1.1rem;margin-right:15px}.teaching-single__head{display:flex;margin-bottom:10px}.teaching-single__image{display:block;max-width:50%;margin-right:40px;object-fit:contain}.teaching-single__info{max-width:50%;align-self:center;margin-bottom:30px}.teaching-single__author-date{width:100%;margin-right:0}.teaching-single__author-date span{display:block;padding:10px 0}.teaching-single__title{padding:0;padding-top:10px;padding-bottom:10px;text-align:left}.teaching-single__semester{color:#003f88;margin-bottom:10px;font-style:italic}.teaching-single__teachers{margin-bottom:10px;font-style:italic}.teaching-single__content{text-align:justify}.teaching-single__content td{padding-left:5px;padding-right:5px}.teaching-single__content ul{margin-left:30px}.teaching-single__content ol{margin-left:30px}.teaching-single__content tr:nth-child(even){background-color:#0000000e}.teaching-single__content th{padding-left:5px;padding-right:5px;background-color:#0000000e}.research-single__head{display:flex;margin-bottom:40px}.research-single__image{display:block;max-width:150px;max-height:150px;margin-right:40px;object-fit:contain}.research-single__info{max-width:100%;align-self:center}.research-single__author-date{width:100%;margin-right:0}.research-single__author-date span{display:block;padding:10px 0}.research-single__title{padding:0}.research-single__content{text-align:justify}.research-single__content td{padding-left:5px;padding-right:5px}.research-single__content ul{margin-left:30px}.research-single__content tr:nth-child(even){background-color:#0000000e}.research-single__content th{padding-left:5px;padding-right:5px;background-color:#0000000e}.research-highlight{display:flex;margin-top:20px;margin-bottom:20px}.research-highlight__image{display:block;max-width:30%;max-height:250px;margin-right:40px;object-fit:contain}.research-highlight__info{align-self:center;margin-bottom:30px}.research-highlight__reference{display:block;text-align:right;font-style:italic}.research-highlight__title{padding:0;padding-bottom:20px}.research-highlight__content{text-align:justify;margin-bottom:10px}.joinus-list__title{flex-direction:column;margin-top:10px;margin-bottom:10px}@media(min-width:1025px){.post-preview{display:flex;margin-bottom:30px}.post-preview__left{max-width:350px;max-height:300px}.post-preview__right{margin-left:20px;position:relative;width:100%}.post-preview__right .tag-group{display:flex;position:absolute;bottom:0}.top-nav__logo{order:0}.top-nav__link-group{order:1;position:relative;display:flex;width:auto;margin:0}.top-nav__link{order:1;width:100%;text-align:center;display:block}.featured{margin-top:40px;font-size:1.5rem}.hero{margin-top:40px}.hero__header{top:50px;left:50px;font-size:3rem;text-align:left}.container{padding-left:96px;padding-right:96px}.footer-content{display:flex}.footer-content__left-group{width:60%}.footer-content__left-group p{width:50%}.footer-content__right-group{width:40%}}.sticky{position:-webkit-sticky;position:sticky;top:0}.menu{display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0;padding-right:10%}.menu>li{margin:0 1rem;overflow:hidden;font-weight:600}.menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding-right:10%}#menu-toggle{display:none}.menu-button,.menu-button::before,.menu-button::after{display:block;background-color:#ffffff;position:absolute;height:3px;width:30px;transition:transform 400ms cubic-bezier(.23,1,.32,1);border-radius:2px}.menu-button::before{content:'';margin-top:-8px}.menu-button::after{content:'';margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button::before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:rgba(255,255,255,0)}#menu-toggle:checked+.menu-button-container .menu-button::after{margin-top:0;transform:rotate(-405deg)}@media(max-width:768px){.menu-button-container{display:flex}.menu{position:absolute;top:0;margin-top:74px;left:0;flex-direction:column;width:100%;justify-content:center;align-items:center;padding-right:0}#menu-toggle~.menu li{height:0;margin:0;padding:0;border:0;transition:height 400ms cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{border-bottom:2px solid #33cccc;height:2.5em;padding:.5em;transition:height 400ms cubic-bezier(.23,1,.32,1)}.menu>li{display:flex;justify-content:center;margin:0;padding:.5em 0;width:100%;color:#fff;background-color:#003f88}.menu>li:not(:last-child){border-bottom:1px solid #444}#menu-toggle:checked~.menu li:last-child{border-bottom:4px solid #33cccc}.footer-content{display:flex}.footer-content__left-group{width:60%;display:none}.footer-content__left-group p{width:50%}.footer-content__right-group{width:40%;margin-top:auto;margin-left:auto}}.gallery-container {
        width: 100%; /* chiều rộng cố định */
        text-align: center; /* căn giữa các cột */
    }

    .image-row {
        display: flex; /* Sử dụng flexbox cho dòng */
        justify-content: center; /* Căn giữa ảnh */
        margin-bottom: 1px; /* Khoảng cách giữa các dòng */
    }

    .image-row img {
        display: inline-block; /* Hiển thị ảnh cạnh nhau */
        width: 45%; /* Chia chiều rộng cho 2 ảnh */
        margin: 2%; /* Khoảng cách giữa các ảnh */
        box-sizing: border-box; /* Đảm bảo padding và border không làm tăng chiều rộng */
    }
    }