#counter {
      border: 2px solid #007bff;  /* Blue border */
      background: linear-gradient(45deg, #007bff, #00c6ff); /* Gradient background */
      padding: 5px;
      border-radius: 10px;  /* Rounded corners */
      font-size: 20px;
      color: #ffffff; /* Yellow text for contrast */
      font-weight: bold;
      text-shadow: 1px 1px 3px f3ff00(0, 0, 0, 0.2); /* Subtle shadow on text */
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Shadow around the box */
      transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
    }
    body {
      font-family: 'Arial', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f4f7f6;
    }
    h2 {
      font-size: 20px;
      font-weight: bold;
      color: #017070;
      text-transform: uppercase;
      letter-spacing: 2px;
      position: relative;
      display: inline;
      font-family: 'Arial', sans-serif;
    }

    h2 {
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2), 0 0 25px rgba(255, 255, 255, 0.3); /* 3D shadow effect */
    }
    h5 {
      font-size: 12px;
      font-weight: bold;
      color: #630000;
      text-transform: uppercase;
      letter-spacing: 2px;
      position: relative;
      display: inline;
      font-family: 'Arial', sans-serif;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2), 0 0 25px rgba(255, 255, 255, 0.3); /* 3D shadow effect */
    }
    
    
    
body {
    /*min-height: 100vh;*/
    margin: 0;
    padding: 0;

    /* Soft multi-color gradient */
    background: linear-gradient( 
        135deg, 
        #fefbe7, 
        #d3d3d3,
        #e0f7fa,
        #ffe4b5
    );
    background-attachment: fixed; /* stays in place on scroll */
    /*background-size: cover;*/

    font-family: 'Arial', sans-serif; /* optional */
}
#back {
    border-radius: 15px;
    padding: 8px 18px;
    background: linear-gradient(135deg, #FF4A6D, #ff7a18);
    border: none;
    color: #000000 !important;
    box-shadow: 0 10px 25px rgba(255, 74, 109, 0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}


#back:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 18px 35px rgba(255, 74, 109, 0.55);
    background: linear-gradient(135deg, #ffb600, #ff7a18);
    color: #ffffff !important;
}