.projectsContainer {
  min-height: 100vh;
  padding: 3rem;
}

.subProjectsContainer {
  display: flex;
  flex-direction: column;
}

.projectItemsContainer {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  gap: 1rem;
  margin: 1rem;
  border: 4px black;
  border-style: double;
  overflow-x: scroll;
  scrollbar-width: auto;      
  scrollbar-color: blue black;
}

.projectItemsContainer::-webkit-scrollbar {
  height: 5px;
}

.projectItemsContainer::-webkit-scrollbar-track {
  background: rgba(144, 238, 144, 0.164);
}

.projectItemsContainer::-webkit-scrollbar-thumb {
  background-color: black;
  outline: 1px solid blue;
}

.projectIndividualItemContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.projectsTitlesContainer {

}
.projectSelectionButtons {

}