/* Adding a planetary background image */
body {
    background-image: url('images/planetary_background.jpg'); /* Adjust './images/planetary_background.jpg' path as necessary */
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.research-area, #people, #outreach {
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
}

/* Style for lists of projects to make them stand out */
.research-area ul {
    list-style-type: none; /* Remove default list bullets */
    padding-left: 20px; /* Add padding to align with other contents */
}

.research-area li {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

/* Ensure images in 'People' section are correctly styled */
.profile-pic {
    width: 300px;
    height: 300px;
    border-radius: 50%; /* Circular Profile Pictures */
    margin-right: 10px;
}

#logo {
    position: relative;
    top: 0;
    left: 0;
    width: 300px;
}

/* Add to your static/styles.css file to style the publications section */
#publications {
  padding: 15px;
}

.publications-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.publication-item {
  padding: 10px;
  border-radius: 8px;
}

/* Styles for hyperlinks to make them stand out against the dark background */
.publication-item a {
  text-decoration: none; /* No underline */
}

.publication-item a:hover {
  text-decoration: underline; /* Underline on hover for better user experience */
}