body {
  background-image: url("https://media.discordapp.net/attachments/1249095353761005578/1416539519595057203/Untitled2_20250913174126.png?ex=68c736bb&is=68c5e53b&hm=7a6e28e3decae8d0b5de5c65a150238e2aa1eb238a67d3057841ea908c7dcd9e&=&format=webp&quality=lossless&width=1376&height=774");
  background-size: cover;
background-repeat: no-repeat;
background-position: center;
}




.header {
  background-image: url("https://media.discordapp.net/attachments/1200889066590322721/1416685236716179506/Untitled1_20250914031627.png?ex=68c7be71&is=68c66cf1&hm=d0455df1ef64fb2b5633d63f13bfe3123bb9a10666f548b38319b69545d23e7f&=&format=webp&quality=lossless"); /* Replace with your image path */
background-size: contain; /* Keeps full image visible */
  background-repeat: no-repeat;
  background-position: center;
  height: 400px; /* Adjust to show more */


}

header img {
  max-height: none; /* Removes height limits */
}


iframe {
  display: block; /* Ensures the iframe behaves as a block-level element */
  width: 40%; /* Or any specific width less than 100% */
  margin-left: auto;
  margin-right: auto;
}
h1 {
  text-align: center;
  font-family: '8BIT WONDER', sans-serif;
  font-size: 35px;

}
.video-box {
  background: linear-gradient(to bottom, #d3d3d3, #808080); /* Light to medium gray */
  padding: 20px;             /* Adds space inside the box */
  border-radius: 10px;       /* Optional: rounded corners */
  width: fit-content;        /* Shrinks to fit content */
  margin: auto;              /* Centers the box horizontally */
  box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Optional: adds depth */
  border: 2px solid #000; /* Black border */


body.custom-page {
background-image: url('https://media.discordapp.net/attachments/1249095353761005578/1416539519595057203/Untitled2_20250913174126.png?ex=68c736bb&is=68c5e53b&hm=7a6e28e3decae8d0b5de5c65a150238e2aa1eb238a67d3057841ea908c7dcd9e&=&format=webp&quality=lossless&width=1376&height=774');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

<style>
.gradient-button {
background: linear-gradient(to right, #ff7e5f, #feb47b);
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s ease;
}
.gradient-button:hover {
background: linear-gradient(to right, #feb47b, #ff7e5f);
}