.title {
    font-family: "Open Sans";
    color: #a53f5b;
    text-transform: uppercase;
  }

#main-content{
   padding-top: 1rem;
}

.card-title {
    margin: 0; /* Removes any default margin */
    padding: 10px;
    background-color: #f8f8f8; /* Light background for the title */
    color: #9f3e5b; 
    box-sizing: border-box; /* Ensures padding is included in the element’s total width */
    flex-grow: 1; /* Allows the title to grow and fill the remaining space */
    display: flex; /* Enables flex properties */
    align-items: center; /* Vertically centers the title text */
    justify-content: center; /* Horizontally centers the title text */
}

.tagsContainer, .universityDropdownContainer, .classContainer{
  margin: 10px 10px;
}

.imageContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* This will space out the cards evenly */
    align-items: stretch; /* Ensures that all cards in a row have the same height */
    padding: 15px;
    margin:20px 20px;
}