html {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
}

body {
  min-height: 100vh;
  background-color: #badae7;
  margin: 50px 100px;
}

h2 {
  margin-top: 50px;
}

.column-heading {
  font-weight: bold;
}

.type {
  font-style: italic;
  white-space: nowrap;
}

.table {
  padding: 0 20px;
  background-color: #fff;
  display: grid;
  grid-template-columns: min-content auto minmax(auto, 800px);
  gap: 20px;
}

ul li {
  margin-top: 20px;
}

.short-description {
  white-space: nowrap;
}

@media screen and (max-width: 950px) {
  body {
    margin: 50px;
  }
  
  .column-heading {
    display: none;
  }

  .table {
    grid-template-columns: auto;
    gap: 0;
  }

  .divider {
    border-bottom: #9db8c2 1px solid;
  }
}