.info-card {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  height: auto;
  width: auto;
  padding: 15px;
  margin: 5px;
  background-color: rgba(255, 255, 255, 0.795);
  border-left-width: 30px;
  border-right-width: 0px;
  border-style: solid;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  border-image: linear-gradient(
      to bottom,
      #def042,
      #a9f279,
      #93f279,
      #5ee6b2,
      #32dab8,
      #1fa5c7,
      #2c99cc,
      #2c50b6,
      #392bb1,
      #621c91
    )
    1 100%;
}

.info-card-heading {
  margin-top: 0px;
  font-size: large;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.tiny-heading {
  font-size: x-small;
  font-style: italic;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.info-flex-wrapper {
  display: flex;
  flex-direction: column;
}

.course-info {
  background-color: rgba(255, 255, 255, 0.795);
  margin: 10px;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 5px;
  border-left-width: 5px;
  border-right-width: 0px;
  border-style: solid;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  cursor: default;
}

.course1 {
  border-image: linear-gradient(to bottom, #def042, #a9f279) 1 100%;
}

.course2 {
  border-image: linear-gradient(to bottom, #32dab8, #1fa5c7) 1 100%;
}

.course4 {
  border-image: linear-gradient(to bottom, #392bb1, #621c91) 1 100%;
}
.course5 {
  border-image: linear-gradient(
      to bottom,
      rgb(88, 8, 24),
      crimson,
      crimson,
      crimson,
      rgb(88, 8, 24)
    )
    1 100%;
}

.section-info {
  border-left: solid 2px #a0522d;
  border-bottom: solid 2px lightgray;
  margin: 2px;
  margin-left: 25px;
  padding: 7px;
  border-radius: 2px;
  cursor: default;
}

.instructions {
  margin: 5px;
  font-size: medium;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.minimize {
  float: right;
  background-color: crimson;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  font-size: small;
  padding: 0.5em;
}

.minimize:hover {
  background-color: rgb(231, 141, 159);
  color: black;
}

.hide {
  display: none;
  transition: height 1s, width 1s, padding 1s, visibility 1s,
    opacity 0.5s ease-out;
}

.open-info-card {
  color: white;
  float: right;
  margin-right: 4px;
  padding: 3px;
  cursor: help;
}