/* Set default font family and size */
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
  }
  
  /* Style the header */
  header {
    background-color: #0077be;
    color: #fff;
    padding: 20px;
  }
  
  /* Style the main navigation */
  nav {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 10px;
  }
  
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  nav li {
    display: inline-block;
    margin-right: 20px;
  }
  
  nav a {
    color: #0077be;
    text-decoration: none;
  }
  
  nav a:hover {
    text-decoration: underline;
  }
  
  /* Style the main content area */
  main {
    margin: 20px;
  }

  div {
    padding: 10px;
    text-align: justify;
    width: 60%;
  }

  p {
    font-size: 16px; /* Set the font size to 16 pixels */
    line-height: 1.5; /* Set the line height to 1.5 times the font size */
    margin-bottom: 10px; /* Add some spacing between paragraphs */
  }

  ul {
    list-style: none; /* Remove the default bullet point */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
  }
  
  ul li {
    padding: 5px; /* Add some padding to the list items */
    margin-bottom: 5px; /* Add some spacing between list items */
  }

  ul li:not(:last-child) {
    border-bottom: 1px solid #ccc; /* Add a bottom border to each list item */
  }
    
  /* Style the footer */
  footer {
    background-color: #f8f8f8; /* Set the background color */
    padding: 10px 0; /* Add some padding */
  }
  
  footer p {
    font-size: 14px; /* Set the font size */
    margin: 0; /* Remove the margin */
    text-align: center; /* Align the text to the center */
  }
  
  footer ul {
    list-style: none; /* Remove the default bullet points */
    margin: 0; /* Remove the margin */
    padding: 0; /* Remove the padding */
    text-align: right; /* Align the list items to the right */
  }
  
  footer ul li {
    display: inline-block; /* Display the list items horizontally */
    margin-left: 20px; /* Add some spacing between the list items */
  }
  
  footer ul li:first-child {
    margin-left: 0; /* Remove the margin from the first list item */
  }
  
  footer ul li a {
    color: #666; /* Set the link color */
    text-decoration: none; /* Remove the underline */
  }
  
  footer ul li a:hover {
    color: #333; /* Change the link color on hover */
  }
  