* {
  font-family: "Times New Roman", Times, serif;
  scroll-behavior: smooth;
  transition: 300ms;
  margin: 0;
  padding: 0;
}

.title {
  font-size: 3em;
  text-align: center;
  background-color: rgba(28, 179, 139, 0.582);
}

.subtitle {
  font-size: 200%;
  text-align: center;
  background-color: rgba(28, 179, 139, 0.582);
}

.imageDescribingText {
  font-size: 200%;
}


/* Slideshow container */
.slideshow-container {
  position: relative;
  /* margin-left: 27vw; */
  margin-top: 2vh;
  margin-bottom: 2vh;

}

#moreControllerInfo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}


/* collapsible list */
.collapsibleListButton {
  display: grid;
  justify-self: center;
  background-color: rgba(245, 150, 87, 0.884);
  cursor: pointer;
  width: calc(100% - 2vh);
  height: 5vh;
  margin: 1vh;
  padding: 1vh;
  padding-left: calc(1vh + 32px);
  border: 0;
  grid-template-columns: 1fr 32px;
  font-size: 2.5vh;
}

.collapsibleList {
  padding-top: 2vh;
  padding-bottom: 2vh;
  overflow: hidden;
  background-color: white;
}

.collapsibleIcon {
  grid-column: 2;
  justify-self: right;
  color: rgb(190, 188, 188);

  font-size: 2.5vh;
}

/* grid placing of controller info */
#controllerSpecsButton,
#controllerPortButton {
  grid-row: 1;
}

#controllerSpecsButton {
  grid-column: 1;
}

#controllerPortButton {
  grid-column: 2;
}

#controllerSpecsHead,
#controllerPortsHead {
  grid-row: 2;
}

#controllerSpecsHead {
  grid-column: 1;
}

#controllerPortsHead {
  grid-column: 2;
}

#TemperatuurSensorInfo img {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

@media (max-width: 1000px) {
  #moreControllerInfo {
    display: block;
  }
}