/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* styles/globals.css */

/* Reset CSS cơ bản */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --background: #000000;
  --foreground: #000000; /* Đảm bảo màu nền đen khi không dùng chế độ tối */
}

/* Áp dụng màu nền cho toàn màn hình */
body {
  width: 1600px;
  height: 900px;
  background: var(--background); /* Màu nền bao quanh khung 1600x900 */
  display: flex;
  justify-content: center; /* Căn giữa ngang */
  align-items: center; /* Căn giữa dọc */
  margin: auto;
}

/* Thay đổi màu nền khi bật chế độ tối */
@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

/* Wrapper bao quanh để căn giữa nội dung */
.wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--foreground); /* Đảm bảo nền đen */
  overflow: hidden; /* Ẩn nội dung thừa */
}

/* Nội dung chính với ảnh nền */
.content {
  background: url("/images/background.svg") no-repeat center center;
  background-size: cover; /* Ảnh nền phủ đầy khung 1600x900 */
  font-family: Arial, Helvetica, sans-serif;
}