Bhikitia Pro:Main Page/styles.css

/* General Panel Styling */ .bh-panel {

   width: 100%;
   margin-bottom: 0; /* Remove space between panels */
   border: 2px solid #a2a9b1; /* Add consistent border */
   background-color: #ffffff; /* White background for all panels */
   border-radius: 0; /* No rounding to ensure seamless connection */

}

/* Header Styling as Part of the Panel */ .bh-header {

   padding: 1.5em;
   background-color: #f9f9ff; /* Subtle background color */
   text-align: center;
   border-bottom: 2px solid #a2a9b1; /* Ensure bottom border connects to the next panel */
   font-family: 'Noto Serif Bengali', 'SolaimanLipi', serif; /* Bengali font support */
   direction: ltr; /* Left-to-right text direction */

}

/* Subpanel Styling */ .bh-subpanel {

   padding: 1.5em;
   border-bottom: 1px solid #d1d1d1; /* Separator for subpanels */

}

.bh-subpanel:last-child {

   border-bottom: none; /* Remove border for the last subpanel */

}

/* Titles and Text */ .bh-header h1, .bh-subpanel h2 {

   font-family: 'Noto Serif Bengali', 'SolaimanLipi', serif; /* Bengali font for titles */
   color: #202122; /* Darker text color */
   font-size: 2.2em;
   margin-bottom: 1em;
   text-align: center;
   border-bottom: 2px solid #a2a9b1; /* Underline effect */
   padding-bottom: 0.2em;

}

.bh-header h1 {

   font-size: 2.8em; /* Larger for the header title */

}

/* Links */ .bh-header a, .bh-subpanel a {

   color: #0066cc; /* Blue for links */
   text-decoration: none;
   font-family: 'Noto Serif Bengali', sans-serif; /* Bengali font for links */

}

.bh-header a:hover, .bh-subpanel a:hover {

   text-decoration: underline; /* Underline on hover */

}

/* Responsive Text Adjustments */ @media (max-width: 768px) {

   .bh-header h1, .bh-subpanel h2 {
       font-size: 1.8em;
   }

   .bh-header p, .bh-subpanel p {
       font-size: 1em;
   }

}