.tableOfContent {
  display: flex;
  flex-direction: column;
  margin: 3% 10%;
  padding: 0 5%;
  padding-bottom: 2%;
  font-size: 0.9rem;
  border: 3px double rgb(58, 121, 247);
  border-radius: 2%;
}

.tableOfContent h4 {
  color: black;
  font-weight: bold;
  text-align: center;
}

.tableOfContent dl {
  padding-bottom: 3%;
}

.tableOfContent dt {
  color: darkblue;
  padding-left: 2%;
  font-weight: bold;
}

.tableOfContent dd {
  padding-top: 1%;
  font-style: italic;
}

a {
  text-decoration: none;
  color: gray;
  padding-left: 4%;
  font-weight: bold;
}

.functionsContainer {
  color: darkred;
  display: flex;
  flex-direction: column;
}

.func1 {
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;
}

.func1 img {
  width: 66%;
  height: auto;
}

.func2 {
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;
}

.func2 img {
  width: 66%;
  height: auto;
}

.func3 {
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;
}

.func3 img {
  width: 66%;
  height: auto;
}

.func4 {
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;
}

.func4 img {
  width: 66%;
  height: auto;
}

.func5 {
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;
}

.func5 img {
  width: 66%;
  height: auto;
}