/* Common reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* Basic body styling */
  body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #111111;
    background-color: #AAB7B8;
  }
  
  /* Header navigation (example) */
  header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #abb2b9;
    
  }
  
  header ul {
    list-style: none;
    display: flex;
    justify-content: center; /* center items horizontally */
  }
  
  header li a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: #333;
  }
  
  header li a.active {
    background-color: #AAB7B8 ; /* highlight current page */
    font-weight: bold;
  }
  
  /* Default link color */
  a {
    color: blue; /* Change to your desired color */
    text-decoration: none; /* Removes the underline (optional) */
  }

  /* Navigation Links */
  .nav-links {
    font-size: 20px;
    gap: 20px; /* Space between links */
    list-style: none; /* Remove bullet points */
    color: #333;
  }

  /* Main container for home page */
  .home-container {
    display: flex;            /* use Flexbox for columns */
    flex-wrap: wrap;          /* allow wrapping on small screens */
    max-width: 1000px;        /* optional max width */
    margin: 0 auto;           /* center the container */
    padding: 1rem;            /* some padding around content */
    gap: 2rem;                /* spacing between columns */
  }
  
  /* Main container for home page */
  .page-container {
    width: 80%;
    max-width: 768px;        /* optional max width */
    margin: 0 auto;           /* center the container */
    padding: 1rem;            /* some padding around content */
  }

  /* publication page */
  .paper-title {
    font-weight: bold;
    display: block;
  }
  .paper-authors, .paper-venue, .paper-year {
    display: block;
    font-size: 0.95rem;
    color: #555;
  }
  .paper-venue {
    font-style: italic;
  }

  /* Left Column */
  .left-column {
    flex: 1 1 40%;            /* roughly 25% of the width */
    min-width: 280px;         /* ensure column is never too narrow */
    background-color: #f5f5f5;/* optional background */
    padding: 1rem;
    text-align: center;       /* center the image and text */
  }
  
  /* Profile picture */
  .profile-picture {
    max-width: 60%;
    height: auto;
    border-radius: 50%;       /* make it circular if you like */
    margin-bottom: 1rem;
  }
  
  /* Contact info styling */
  .contact-info h2 {
    margin-bottom: 0.5rem;
  }
  .contact-info p {
    margin-bottom: 0.5rem;
  }
  
  /* Right Column */
  .right-column {
    flex: 1 1 55%;           /* roughly 70% of the width */
    min-width: 300px;        /* ensure column is never too narrow */
    padding: 1rem;
    text-align: justify;
  }
  
section {
 margin-top: 1em;
 margin-bottom: 1em;  
}  

p {
  margin-bottom: 1em;
}

h1 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}


h2 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

  /* Footer styling (example) */
  footer {
    background-color: #f8f8f8;
    border-top: 1px solid #ccc;
    padding: 1rem;
    text-align: center;
  }

  .footer-logos {
    display: flex;              /* Arrange items in a row */
    justify-content: center;    /* Center align the logos horizontally */
    gap: 3rem;                  /* Add space between the logos */
    margin-top: 1rem;           /* Space above the logo section */
  }

  .footer-logo-cam {
    max-width: 250px;           /* Adjust logo size */
    height: auto;               /* Maintain aspect ratio */
  }
  
  .footer-logo-scail {
    max-width: 200px;           /* Adjust logo size */
    height: auto;               /* Maintain aspect ratio */
  }

  .footer-logo-ifm {
    max-width: 150px;           /* Adjust logo size */
    height: auto;               /* Maintain aspect ratio */
  }