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 */
}

  
  main h2 {
    width: 95%;                             /* 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-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;}
  }