body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-image: url('https://wallpaperaccess.com/full/2105244.jpg');
    color: white;
  }
  
  .icon-bar {
    display: flex;
    justify-content: center;
    background-color: transparent;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000; /* Ensure it stays above other elements */
    transition: top 0.3s ease; /* Smooth transition for hiding and showing */
  }
  
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 11px;
    text-decoration: none;
    flex: 1;
  }
  
  .icon-bar a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  
  .content {
    margin-top: 72px; /* Adjusted height to be exactly below the icon bar */
    width: 100%; /* Full width of the viewport */
    text-align: center; /* Center the content horizontally */
    padding: 20px; /* Adjust padding as needed */
  }
  
  .header {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center content vertically */
    align-items: center;
    margin-top: 72px; /* Ensure header is positioned below the icon bar */
    text-align: center;
    width: 100%; /* Full width for alignment */
  }
  
  .header img {
    width: 200px;
    height: 100px;
    margin: 20px 0; /* Space around the image */
  }
  
  h1 {
    margin: 10px 0; /* Adjust margin between headings */
    text-shadow: 0 0 10px black, 0 0 20px #00fff9, 0 0 40px #00fff9, 0 0 80px hsl(179, 100%, 50%), 0 0 160px #00fff9;
  }
  
  p {
    margin: 10px 0;
    text-shadow: 0 0 10px black, 0 0 20px #00fff9, 0 0 40px #00fff9, 0 0 80px hsl(179, 100%, 50%), 0 0 160px #00fff9;
  }
  
  .container {
    display: flex;
    flex-direction: row; /* Align items in a row */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center items vertically */
    flex-wrap: wrap; /* Allow items to wrap to the next line if necessary */
    width: 100%;
    max-width: 1200px; /* Limit the width of the container */
    padding: 0 20px; /* Add padding for some space */
    margin: 20px auto; /* Center the container and add space above */
  }
  
  .education-section {
    flex: 1; /* Allow sections to grow and fill available space */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px; /* Margin between sections */
    text-align: center;
    min-width: 200px; /* Minimum width for each section */
  }
  
  .School-page {
    text-decoration: none;
    color: #00fff9;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 255, 249, 0.8), 0 0 40px rgba(0, 0, 0, 0.8), 0 0 80px hsl(179, 100%, 50%), 0 0 160px rgba(0, 0, 0, 0.8);
  }
  
  .School-page:hover {
    color: #fff; /* Adjust hover color if needed */
  }