html, body {
  margin: 0;
  padding: 0;
  background-color: black;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.corner {
  width: 100px;
  height: 100px;
  position: absolute;
}

.top-left { top: 0; left: 0; }
.top-right { top: 0; right: 0; }
.bottom-left { bottom: 0; left: 0; }
.bottom-right { bottom: 0; right: 0; }

.corner img {
  width: 100%; 
  height: 100%; 
  object-fit: contain; 
}

.content {
  color: white;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  /* flex-wrap: wrap; */
}

.block {
  text-align: center;
}

.resizable-box {
  border: 1px solid rgba(0, 0, 0, 0);
  resize: both;
  padding: 0px;
  margin-top: 0px;
  box-sizing: border-box;
  color: white;
}


.slave {
  position: relative;
  font-size: 32px;
  text-align: center;
  overflow: hidden;
  color: rgb(20, 20, 20); /* Initial color, will be overridden by animation */
  animation: flash 0.8s infinite; /* 1 second duration, infinite loop */
}

/* Keyframe animation for instant flashing effect */
@keyframes flash {
  0% { color: rgb(29, 29, 29); } /* Fully white at 0% */
  49% { color: rgb(29, 29, 29); } /* Remains white until just before 50% */
  50% { color: transparent; } /* Instantly becomes transparent at 50% */
  99% { color: transparent; } /* Remains transparent until just before 100% */
  100% { color: rgb(29, 29, 29); } /* Instantly becomes white again at 100% */
}


.left-wing, .right-wing {
  width: 320px; /* Half of 480px */
  height: 320px; /* Half of 480px */
  display: flex; /* To center the image within the div */
  align-items: center;
  justify-content: center;
}

.left-wing img, .right-wing img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Ensure the full image is visible */
}

.left-wing {
  transform: scaleX(-1); /* Flips the element horizontally */
}

.right-wing {
  transform: rotate(); /* Example rotation for the right wing */
}

/* Add these lines to your style.css */

a {
  text-decoration: none; /* Removes the underline from links */
  color: inherit; /* Inherits the color from the parent element (e.g., white if in .content) */
}

a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none; /* Ensures no underline on hover/focus/active/visited */
  color: inherit; /* Ensures color remains inherited on hover/focus/active/visited */
  background-color: transparent; /* Removes any default blue or highlight background */
  outline: none; /* Removes the focus outline that browsers might add */
}