@keyframes moveElementTransform {
    0% {
      top:-10vh;
    }
    50% {
        top:4vh;
    }
    100% {
        top:1vh;
    }
  }

  
@keyframes moveElementTransformReverse {
    0% {
      top:1vh;
    }
    50% {
        top:4vh;
    }
    100% {
        top:-10vh;
    }
  }

.push_message {
    position: fixed;
    /* height: 10vh; */
    width: 20vw;
    top: 1vh;
    left: 75vw;
    background-color: #f77171;
    color: #1d1d1d;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    animation: moveElementTransform 0.5s ease-in-out;
    z-index: 10000;
    box-shadow: 1px 1px 3px 3px rgba(97, 96, 96, 0.295);
}

.push_message_removing {
    position: fixed;
    /* height: 10vh; */
    width: 20vw;
    top: -10vh;
    left: 75vw;
    background-color: #f77171;
    color: #1d1d1d;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    animation: moveElementTransformReverse 0.5s ease-in-out;
    z-index: 10000;
    box-shadow: 1px 1px 3px 3px rgba(97, 96, 96, 0.295);
}