body, html {
  padding: 0;
  margin: 0;
  background-color: black;
}


a,p,h1,h2{
  font-family: Arial;
  color: white;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Style the navigation bar */
.navbar {
  background-color: #333; /* Background color for the navbar */
}

.navbar ul {
  display: flex; /* Display list items horizontally */
  justify-content: center; /* Center-align the list items horizontally */
  padding: 20px 0; /* Add some padding for spacing */
}

.navbar li {
  margin: 0 20px; /* Add margin to create space between menu items */
}

.navbar a {
  text-decoration: none; /* Remove underline from links */
  font-size: 15px;
  color: #fff; /* Text color for links */
}

.navbar a:hover {
  text-decoration: underline; /* Underline links on hover */
}

.content {
margin: 20px;
}

h2{
margin-left: 10px;
}


.projects-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Adjust column size as needed */
grid-gap: 20px; /* Adjust the gap between items */
}

.project {
border-radius: 5px;
background-color: rgb(19, 19, 19);
padding: 0px 20px 20px 20px;
}