/* Basic styles */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
  }
  
  h1, h2, p {
    margin: 1rem 0;
  }
  
  /* Header */
  header {
    text-align: center;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  nav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  nav li {
    display: inline-block;
    margin-right: 1rem;
  }
  
  a {
    text-decoration: none;
    color: #333;
  }
  
  /* Main content */
  main {
    padding: 2rem;
  }
  
  section {
    margin-bottom: 2rem;
  }
  
  img {
    width: 200px; /* Adjust width as needed */
    border-radius: 50%; /* Optional rounded corners */
  }
  
  /* Learning Journey section */
  .learning-category {
    margin-bottom: 1rem;
  }
  
  /* Footer */
  footer {
    text-align: center;
    padding: 1rem;
  }
  
  /* Light mode (default) */
  body {
    background-color: #f5f5f5;
    color: #333;
  }
  
  /* Dark mode styles (optional) */
  /* Add your dark mode styles here */
  
  /* Button styles (optional) */
  /* Add button styles here (if needed) */