/* GLOBAL STYLES */
body {
    margin: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: #f5f9fc; /* Mild blue-ish background */
    color: #333;
    line-height: 1.6;
  }

  a {
    color: #4289c4f1;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }

  /* NAVIGATION BAR */
  .navbar {
    background-color: #cce6ff; /* Mild blue */
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navbar .brand {
    font-size: 2.0em;
    font-weight: bold;
  }
  .navbar .nav-links a {
    color: #05131df1;
    margin-left: 30px;
    margin-right: 25px;
    font-weight: 540;
    font-size: 20px;
  }

  /* MAIN CONTAINER */
  .container {
    max-width: 1150px; /* Increased width from 800px to 1000px */
    margin: 35px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
  }

  /* INTRO SECTION */
  #intro {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  #intro img {
    width: 270px;   /* Increased width from 150px to 250px */
    height: 270px;  /* Increased height from 150px to 250px */
    object-fit: cover;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #intro .intro-text {
    flex: 1;
    min-width: 250px;
    max-width: 800px;
    font-size: 18px;
  }
  #intro h2 {
    margin-top: 0;
  }

  /* PROJECTS & CONTACT HEADINGS */
  #education h2,
  #projects h2,
  #contact h2,
  #education-details h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 5px;
  }

  #education ul {
    list-style: disc inside;
    margin-top: 9px;
    margin-bottom: 40px;
    padding-left: 20px;
    font-size: 18px;
  }
  #project-details h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 5px;
  }

  /* PROJECTS SECTION */
  #projects ul {
    list-style: disc inside;
    margin-top: 9px;
    margin-bottom: 40px;
    padding-left: 20px;
    font-size: 18px;
  }

  /* CONTACT SECTION */
  #contact-details h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 5px;
  }
  #contact p {
    margin-top: 9px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  #contact ul {
    margin-top: 9px;
    margin-bottom: 40px;
    font-size: 18px;
  }

  /* FOOTER */
  footer {
    text-align: center;
    color: #486999;
    margin: 20px 0 10px;
  }