body {
    background-image: url('better.jpg');
    color: white;
    font-family: 'Arial', sans-serif; /* A readable font */
  }

  header h1 {
    color: #ff073a; /* Neon red */
    text-align: center;
  }
  
  .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  
  .text-box, .image-box {
    background-color: #333; /* Darker box for content */
    border-radius: 15px; /* Rounded corners */
    margin: 10px;
    padding: 20px;
    width: calc(50% - 40px); /* Adjust width as necessary */
  }
  
  .image-box img {
    max-width: 100%;
    border-radius: 15px; /* Rounded corners for images */
  }
  
  footer {
    text-align: center;
    padding: 20px 0;
  }
  
  @media (max-width: 768px) {
    .text-box, .image-box {
      width: calc(100% - 40px); /* Full width on smaller screens */
    }
  }
  .neon-text {
    color: #f8ced6; /* Neon red */
    text-shadow:
      0 0 5px #ff073a, /* Red glow of different sizes to create a neon effect */
      0 0 10px #ff073a,
      0 0 20px #ff073a,
      0 0 40px #ff073a,
      0 0 80px #ff073a;
  }
  .center-text {
    text-align: center;
  }
  .red-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: red; /* Button color */
    color: white; /* Text color */
    text-align: center;
    text-decoration: none; /* Remove underline from links */
    font-weight: bold;
    border-radius: 25px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
  }
  
  .red-button:hover {
    background-color: darkred; /* Darker shade when hovering */
  }