@keyframes nav_head {
  0% {
    /* height: 5.625rem; */
    height: 5rem;
    border-bottom: 1px;
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(255, 255, 255, 1);
    height: 5rem;
  }
}

@keyframes hide_head {
  0% {
    height: 5rem;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
.show-nav {
  animation: nav_head 0.2s ease-in forwards;
  box-shadow: 0px 0px 0.75rem rgba(0, 0, 0, 0.12);
}

.hide-nav {
  animation: hide_head 0.1s ease-in forwards;
  box-shadow: none;
}

.show-page {
  background: yellow;
}

.show-page .common_head {
}