main {
  max-width: 1000px;     /* Limit the content width */
  margin: 0 auto;       /* Center the content horizontally */
  padding: 20px;        /* Space around the content */
  line-height: 1.6;     /* Improve readability */
  color: #000000;          /* General text color */
}

/* Headings */
main h1 {
  width: 100%;                             /* Span full page width */
  background: linear-gradient(45deg, #0a00c8fd, #04004d); /* Attractive gradient background */
  color: #ffffff;                             /* White text color */
  text-align: center;                      /* Center the header text */
  border-radius: 5px;
  padding: 10px;                   /* Vertical padding */
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);     /* Subtle shadow for depth */
}

/* Paragraphs */
main p {
  font-size: 1.0rem;
  margin-bottom: 15px;
  text-align:justify; text-justify:inter-word; line-height:1.6; text-align-last:left;
}

  .main-list{
    margin-bottom: 20px;
  }

  .main-list h3 {
    width: 100%;                             /* Span full page width */
    background: linear-gradient(45deg, #0a00c8fd, #04004d); /* Attractive gradient background */
    color: #ffffff;                             /* White text color */
    text-align: center;                      /* Center the header text */
    border-radius: 5px;
    padding: 5px;                   /* Vertical padding */
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);     /* Subtle shadow for depth */
  }

  .main-list ul li {
    background: linear-gradient(45deg, #0a00c8fd, #04004d);
    padding: 5px;             /* Internal spacing */
    margin: 5px 0;             /* Space between items */
    border-radius: 15px;        /* Rounded corners, optional */
    width: 25%;
    font-weight: 600;
    color: #fffffffd;
  }

  /* Optional slight scale on hover */
.main-list li:hover {
  transform: scale(1.09);
}

 .main-list a {
  text-decoration: none;
 }

  .main-link{
  color: #0300a7;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
  }

  .main-link:hover {
    color: #1c5980;
    text-decoration: underline;
  }
















      @media (max-width: 599px) {
          main {
    width: 95%;
    padding: 5px;
  }
    main p {
  font-size: 0.90rem;}

   .main-list ul li{
    width: 100%;
   }
  }