#container {
   max-width: 640px;
   margin: 0 auto;
   min-height: 100%;
   background: #ebebeb;
}

/* Bắt đầu trang 404 CSS */
#container .not-found-page {
   padding: 30px 0;
   text-align: center;
}

#container .not-found-page .brand-name {
   color: #333333;
   font-size: 300%;
   font-weight: bold;
   line-height: 1em;
}

#container .not-found-page .error-message {
   color: #8c8c8c;
   font-size: 1.5em;
   line-height: 24px;
   font-weight: bold;
   margin-top: 5px;
}

#container .not-found-page .action-section {
   color: #8c8c8c;
   font-size: 14px;
   line-height: 30px;
   margin-top: 20px;
}

#container .not-found-page .home-button {
   background: #333333;
   color: #fff;
   min-width: 30%;
   max-width: 50%;
   line-height: normal;
   padding: 5px 10px;
   margin: 0 auto;
   border-radius: 4px;
   display: block;
}

#container .not-found-page .home-button:hover {
   background: #ffc603;
   color: #333333;
}

#container .not-found-page .action-links {
   margin-top: 20px;
}

#container .not-found-page .action-links a {
   color: #8c8c8c;
   min-width: 60px;
   display: inline-block;
   margin: 0 10px;
}

#container .not-found-page span {
   display: block;
   margin: 0 auto;
}

#container .not-found-page .link-icon {
   background: #f5f5f5;
   width: 3.5em;
   height: 3.5em;
   padding: 7px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

#container .not-found-page .link-icon img {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 0 auto;
}

/* Kết thúc trang 404 CSS */