/* ===== Background Video ===== */
#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  background: #000;
}

/* ===== General Page Styling ===== */
body { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  line-height: 1.6;
  color: #ffffff; 
  margin: 0; 
  padding: 0;
  text-align: center;
}

/* ===== Content Box ===== */
#wrap { 
  width: 760px;
  margin: 40px auto;
  border: 1px solid #999; 
  padding: 20px; 
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

h1 { font-size: 36px; margin: 0 0 10px 0; }
h2 { font-size: 24px; margin: 0 0 10px 0; }
h3 { font-size: 20px; margin: 12px 0 10px 0; }
p  { font-size: 16px; margin: 0 0 12px 0; }

.note { 
  font-size: 16px; 
  background: rgba(255, 255, 217, 0.85);
  border: 1px solid #e6e6b0; 
  padding: 8px; 
  display: inline-block;
  color: #000; 
}

.footer { font-size: 14px; color: #ddd; }

/* ===== Countdown ===== */
#countdown {
  font-size: 20px;
  font-weight: bold;
  color: #ffcc00;
  margin: 20px 0;
}

/* ===== Links & HR ===== */
a:link, a:visited { color: #66aaff; text-decoration: none; }
a:hover { text-decoration: underline; }

hr { 
  height: 1px; 
  border: 0; 
  background: #ccc; 
  margin: 16px 0; 
}