.title {
    font-family: 'Georgia', serif; /* Elegant serif font */
    font-size: 48px; /* Large font size */
    font-weight: bold; /* Bold weight */
    color: #2c3e50; /* Darker shade for text color */
    text-align: center; /* Center-align the title */
    text-transform: uppercase; /* Uppercase letters */
    letter-spacing: 3px; /* Space between letters */
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3); /* Soft shadow behind text */
    margin: 20px 0; /* Space above and below title */
    position: relative; /* Position for before/after pseudo-elements */
  }
  
  /* Add a stylish underline using a pseudo-element */
  .title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background-color: #e74c3c; /* Accent color */
    border-radius: 5px; /* Rounded corners */
  }
  
  /* Optional hover effect */
  .title:hover {
    color: #e74c3c; /* Change text color on hover */
    text-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5); /* Increase shadow on hover */
    transition: all 0.3s ease; /* Smooth transition */
  }