#notify {
    position: absolute;
    float: left;
    z-index: 10000;
    top:0;
    left: 0;
    background:greenyellow;
    height: auto;
    width: 100%;
    padding:15px;
    text-align: center;
    font-size: 24px;
    color:darkblue;
    opacity: 0;
    animation: notifyanim 8s ease-in-out forwards;
    transition: all;
    vertical-align: middle;
}

#notify2 {display:none}

@keyframes notifyanim {
    0% {
        transform: translateY(0%);
        opacity: 0.1;
      }
    
      30% {
        transform: translateY(100%);
        opacity: 1;
      }
      95% {
        transform: translateY(100%);
        opacity: 1;
      }

      100% {
        transform: translateY(0%);
        opacity: 0;
      }
}