body {
  font-family: Impact, Impacto, sans-serif;
  background-image: url("background_tile.jpg");
  background-repeat: repeat;
  text-align: center;
  padding-top: 20px;
}
#generateBtn {
  font-size: 32px;
  font-family: Impact, Impacto, sans-serif;
  padding: 20px 40px;
  background: #ff0000;
  color: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}
#status {
  text-align: center;
  font-weight: bold;
  color: #000000;
  font-family: Arial Black,Arial, sans-serif;
  font-size: 18px;
}
#generateBtn:hover {
  background: #ff5353;
}
#videoContainer {
  margin-top: 40px;
  display: none;
}
#status {
  text-align: center;
  color: #101010;
  font-size: 24px;
}
.title-container {
  display: flex;
  align-items: center;       /* vertically centers images with text */
  justify-content: center;   /* keeps the h1 centered overall */
  gap: 10px;                 /* spacing between items */
}
#chungus  {
  position: fixed;
  bottom: 10px;   /* distance from bottom */
  left: 10px;     /* distance from left */
  width: 140px;    /* adjust size */
  height: auto;
  z-index: 1000;  /* keeps it above other elements */
}
.title-container h1 {
  font-size: 102px;
  color: #ffffff;
  text-align: center;
}

.title-container h1.font-primary {
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: rgb(255, 0, 0);
}

.title-img {
width: 128px;   /* control image size */
height: auto;
}
video {
  width: 640px;
  height: auto;
  border: 3px solid #666;
  border-radius: 8px;
}