header {
  z-index: 1000;
  background-color: #e6cfaf;
  box-shadow: 8px 8px 11px #b08643;
}
header,
aside {
  font-family:
    "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
    Arial, sans-serif;
}
aside {
  z-index: 2000 !important;
  background-color: #ffeed6;
  right: -1400px;
  height: 100vh;
  transition: all 0.5s 0s ease-out;
}
main {
  height: auto;
}
.size-img {
  width: 95px;
  height: 95px;
}
.li_color {
  background-color: #ffeed6;
  text-wrap: nowrap;
}
.active {
  width: 60px;
  height: 150px;
}
div {
  animation-name: scroll;
  animation-duration: 1s;
  animation-range: entry 0%;
  animation-timeline: view();
}
.animation-custom {
  animation-name: none;
}
@keyframes scroll {
  0% {
    transform: translate(-400px, 100px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}