Một ngày nọ, Minh và nhóm của mình đã khám phá ra một cách để áp dụng công nghệ "hh3dhay" vào việc tạo ra các thế giới ảo hoàn hảo. Họ có thể bước vào thế giới ảo và trải nghiệm những điều mà trong thực tế không thể làm được.
.hero-image {background-size: cover !important; background-position: center !important; } .navbar { position: relative !important;} #pcs-body-container.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm, .mobile-map-search.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm{ border-width: 1px !important; border-style: solid !important;} .carousel .related-blog .blog-image { background-size: contain !important;} .blog-image { background-position: center !important;} .perk .perk-icon {color: #0077c8;}.navbar img {height: 60px;} .navbar .join-tn-link, .navbar .ef-dropdown-title { font-weight: bold !important; font-size: 18px !important} .nav-item a { color: #fff !important;} .refer .user-name { color: #fff !important; } .fixed-top { background-color: #000 !important; } .position-job-description .block__field--wide-rich-text { width: inherit !important; }.banner {
position: relative;
width: 100%;
height: 300px; /* Adjust the height as needed */
background-image: url("banner-image.jpg"); /* Replace "banner-image.jpg" with the path to your banner image */
background-size: cover;
background-position: center;
color: white;
}
.link-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.link-container a {
display: inline-block;
margin: 10px;
padding: 8px 16px;
background-color: rgba(0, 0, 0, 0.5); /* Adjust the background color and opacity as desired */
color: white;
text-decoration: none;
font-size: 18px;
border-radius: 4px;
}
.link-container a:hover {
background-color: rgba(0, 0, 0, 0.7); /* Adjust the background color and opacity for hover state */
} .btn-sm btn-secondary pointer #pcs-body-container.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm, .mobile-map-search.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm {border #000 !important;}
.footer-img-container {width: 150px !important; height: auto !important; align-items: center !important; display:block; margin: 0 auto !important; margin-top: 10px !important; margin-bottom: 10px !important;}
.footer-img {max-width:100%;}
.footer {
background-color: #333; /* Background color for the footer */
color: #fff; /* Text color */
padding: 10px 20px 20px 20px !important;}
.custom-navbar-item {
color: #fff !important;
font-size: 18px !important;
position: relative;
top: 11px;
margin-right: 11px !important; font-weight:bold;} .blog-title { font-size: 18px !important; font-weight: 600 !important;} .footer-container {padding-bottom: 25px} .jumbotron {top: auto !important; bottom: 0px !important;} .jumbotron h1 {font-weight:600; text-shadow:0 3px 10px rgba(0,0,0,0.75);} @media (max-width:992px) {.jumbotron {position: absolute;}.jumbotron h1 {padding:0 !important;bottom:0 !important;} } .related-blog .blog-title {color: #0077c8;} .apply-form-error-message svg { display: none !important } a[class*="navBarLink"]:focus-visible { box-shadow: inset 0 0 0 2px #000000 !important; } button[class*="navBarDropdownButton"]:focus-visible { box-shadow: inset 0 0 0 2px #000000 !important; } .header-wrapper a:focus-visible {box-shadow: inset 0 0 0 2px #ff0 !important;} .jumbotron h1 { visibility: hidden !important; } .personalization-bar-lite-profile-nudge-container div.nux-accordion-lite-profile-prompt { width: auto !important; } div[class*='stepperWrapper'] { display: none !important; } div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:first-child { display: none !important; }
@media (max-width: 768px) { div[class*='stepperWrapper'], div[class*='stepperProgress'] { display: none !important; } div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:first-child { display: block !important; } }
@media (min-width: 900px) { div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:last-child { left: 20% !important; } }