* {
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

#details {
  width: 100%;
  position: fixed;
  max-height: 100vh;
  height: 100vh;
  overflow-y: scroll;
  top: 100vh;
  transition-duration: 0 !important;
  cursor: pointer;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 10%,
    rgba(0, 0, 0, 1) 100%
  );
}

#details-card {
  min-width: 30vw;
  width: 30rem;
  max-width: 100vw;
  cursor: default;
}



.en{
    display: none;
}
.de{
    display: none;
}