#carousel {
  display: flex;
  overflow-x: auto;
  margin: 0 auto 0 auto;
  width: 90vw;
  height: fit-content;
  border: solid #F3E6FF .5px;
}

#carousel::-webkit-scrollbar {
  display: none; /* Hide the scrollbar on Webkit based browsers (Chrome, Safari, etc) */
  -webkit-overflow-scrolling: touch; /* On touch screens the content continues to scroll for a while after finishing the scroll gesture */
}

.item {
  min-width: 300px;
  min-height: 10vh;
  margin: 10px;
  font-size: 18pt;
  text-align: center;
  line-height: 16px;
  background-color: #ffffff;
  border-radius: 7px;
}