.skills {
  height: 100%;
}

.skills-header {
  color: var(--dark-teal);
  font-weight: 500;
}

.skills-paragraph {
  max-width: 500px;
  margin: auto;
  font-weight: 300;
}

.skills-div {
  max-width: 600px;
  margin: 40px auto;
}

.skill {
  border: var(--dark-teal) 1px solid;
  max-width: 600px;
  text-align: start;
  padding: 15px;
  border-radius: 3px;
  margin: 20px auto;
}

.hide {
  display: none;
}

.language,
.databases {
  cursor: pointer;
  font-weight: 500;
}

.language:hover,
.databases:hover {
  text-decoration: dotted;
  color: var(--dark-teal);
}