.Facebook { 
  position: relative;
  background: rgb(88,101,242); 
  background: linear-gradient(139deg, 
    rgb(73, 89, 255) 50%,
    rgba(0, 198, 255, 0.84) 100%);
  color: var(--accentColor);
  border: solid var(--accentColor) 2px;
  border-radius: 10px;
  font-size: 1rem;
  text-align: center;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px; /* 17px */
  text-decoration: none;
  /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
  -webkit-tap-highlight-color: transparent;
}
.Youtube {
  position: relative;
  background: rgb(221,105,105);
  background: linear-gradient(138deg, 
    rgba(221,105,105,1) 0%, 
    rgba(222,94,94,1) 21%, 
    rgba(223,86,86,1) 37%, 
    rgba(223,86,86,1) 46%, 
    rgba(235,49,43,1) 66%);
    color: var(--accentColor);
    border: solid var(--accentColor) 2px;
    border-radius: 10px;
    font-size: 1rem;
    text-align: center;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px; /* 17px */
    text-decoration: none;
    /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
    -webkit-tap-highlight-color: transparent;
}
.Discord {
  position: relative;
  background: rgb(88,101,242); 
  background: linear-gradient(139deg, 
    rgba(88,101,242,1) 41%, 
    rgba(152,100,241,1) 85%);
  color: var(--accentColor);
  border: solid var(--accentColor) 2px;
  border-radius: 10px;
  font-size: 1rem;
  text-align: center;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px; /* 17px */
  text-decoration: none;
  /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
  -webkit-tap-highlight-color: transparent;
}

.Instagram{
  position: relative;
  background: rgb(131,58,180); 
  background: linear-gradient(90deg, 
    rgba(131,58,180,1) 0%, 
    rgba(253,29,29,1) 50%, 
    rgba(252,176,69,1) 100%);
  color: var(--accentColor);
  border: solid var(--accentColor) 2px;
  border-radius: 10px;
  font-size: 1rem;
  text-align: center;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px; /* 17px */
  text-decoration: none;
  /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
  -webkit-tap-highlight-color: transparent;
}
.Telegram{
  position: relative;
  background: rgb(0,255,255); 
  background: linear-gradient(139deg, 
    rgba(0,255,255,1) 41%,
    rgba(0,255,240,1) 75%);
  color: var(--accentColor);
  border: solid var(--accentColor) 2px;
  border-radius: 10px;
  font-size: 1rem;
  text-align: center;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px; /* 17px */
  text-decoration: none;
  /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
  -webkit-tap-highlight-color: transparent;
}
.Blob {
  background: black;
  border-radius: 50%;
  margin: 10px;
  height: 70px;
  width: 70px; 
  box-shadow: 0 1px 13px lime;
  transform: scale(.5);
  animation: pulse 2s infinite;
  margin-top: 10px;
}

@keyframes pulse {
  0% {
    transform: scale(0.99);
    box-shadow: 0 1px 13px cyan;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 1px 13px lime;
  }
  100% {
    transform: scale(0.99);
    box-shadow: 0 1px 13px magenta;
  }
}
.Footer .Copyright{margin-top:15px;text-align:center;font-size:20px;color:#aaa;margin-bottom:0}.rainbow{margin-top:15px;text-align:center;font-size:16px;color:#aaa;margin-bottom:0;animation:colorRotate 2.5s linear 0s infinite}@keyframes colorRotate{from{color:#FFFFFF}10%{color:#FF0000}30%{color:#00FF00}45%{color:#0000FF}55%{color:#FFFF00}65%{color:#00FFFF}75%{color:#00FF00}85%{color:#0000FF}100%{color:#FF66CC}}
.typed-cursor{
          opacity: 1;
        }
        .typed-cursor.typed-cursor--blink{
          animation: typedjsBlink 0.7s infinite;
          -webkit-animation: typedjsBlink 0.7s infinite;
                  animation: typedjsBlink 0.7s infinite;
        }
        @keyframes typedjsBlink{
          50% { opacity: 0.0; }
        }
        @-webkit-keyframes typedjsBlink{
          0% { opacity: 1; }
          50% { opacity: 0.0; }
          100% { opacity: 1; }
        }
 .hungdeptrybody { /* Thay thế .blinking-text bằng .hungdeptrybody */
  background-color: #111; /* Màu nền tối */
  color: white; /* Màu chữ trắng */
  font-family: Arial, sans-serif;
  font-size: 24px;
}

.blinking-text {
  animation: blink 1s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* CSS cho bảng thông báo */
#vihungload {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer; /* Thêm con trỏ khi di chuột vào hộp thông báo */
  opacity: 0; /* Đặt độ mờ ban đầu là 0 */
  transition: opacity 0.5s; /* Thời gian mờ dần lên là 0.5 giây */
  z-index: 9999; /* Đặt z-index cao hơn các phần tử khác trên trang */
}

.vihungmes {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: bold;
}