body {
  background: #101114;
}
main {
  color: #fff;
  width: 70%;
  padding: 0 15% 10vh;
}

@media screen and (max-width: 768px) {
  main {
    width: 90%;
    padding: 0 5% 10vh;
  }
}

#data-container {
  width: 100%;
  margin-bottom: 2rem;
}
#data-container li {
  cursor: pointer;
  list-style-type: none;
  padding: 2rem;
  margin-bottom: 1.4rem;
  background: rgba(77, 115, 153, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: 0.4s;
}
#data-container li:hover {
  cursor: pointer;
  transform: translateY(-0.4rem);
  background: rgba(255, 255, 255, 0.1);
  transition: 0.4s;
}
#data-container li h2 {
  font-weight: 400;
  margin-bottom: 0.6rem;
}
#data-container li p {
  color: #eee;
}