.notification {
    position: absolute;
    top: 0%;
    left: 34%;
    background: #232630;
    width: 20%;
    height: 5%;
    z-index: 1000;
    border-radius: 10px;
    font-family: Montserrat Alternates;
}

.notification__content  {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.fade-enter-active, .fade-leave-active {
    opacity: 0;
    transform: translateY(20px);
}
.fade-enter, .fade-leave-to {
    opacity: 1;
    transform: translateY(100px);
}