navmenu{
  position: absolute;
  bottom:50px;
  left:5%;

  border-radius: 25px;
  width:90%;
  height:50px;

  display: flex!important;

  background: rgba(175,175,175,0.3);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(30px);
  transition: bottom 0.4s ease;

}

@keyframes insert_up
{
  0%{
    transform: translate(0,1300%);
  }
  100%{
    transform: translate(0,0);
  }
}

@-webkit-keyframes insert_up
{
  0%{
    transform: translate(0,1300%);
  }
  100%{
    transform: translate(0,0);
  }
}


navmenu
{
  animation-name: insert_up;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;

  -webkit-animation-name: insert_up;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
}

navmenu img
{
  display: inline-block!important;
  flex:1 1 0;
  object-fit: contain;
  height:30px !important;
  max-height: 40px;
  padding:5px;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}

navmenu.close{
  bottom:-50px;
}



@keyframes insert_left
{
  0%{
    transform: translate(1300%,0);
  }
  100%{
    transform: translate(0,0);
  }
}

@-webkit-keyframes insert_left
{
  0%{
    transform: translate(1300%,0);
  }
  100%{
    transform: translate(0,0);
  }
}


navmenu.lateral
{
  position: absolute;
  top:70px;
  

  border-radius: 25px;
  width:50px;
  height:170px;

  display: flex!important;
  flex-direction: column;

  background: rgba(75,75,75,0.3);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  transition: top 0.4s ease;

  left:calc(100% - 50px - 10px) !important;
}

navmenu.lateral
{
  animation-name: insert_left;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;

  -webkit-animation-name: insert_left;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
}

navmenu.lateral img
{
  display: block !important;
  object-fit: contain;
  width:30px !important;
  max-height: 40px;
  padding:5px;
  flex:1 1 0;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

navmenu.close{
  bottom:-50px;
}