#discord-success-message {
    position: fixed;
    top: 10px;
    z-index: 2000;
    left: 0;
    width: 100vw;
    display: none;
    justify-content: center;

}

#discord-success-message.visible {
    display: flex !important;
    animation: show-message 0.2s cubic-bezier(.87,.1,.63,.99) forwards;
}

#discord-success-message.hidden {
    display: flex !important;
    animation: hide-message 0.2s cubic-bezier(0,.36,1,.12) forwards;
}

@media screen and (max-width: 550px) {
    #discord-success-message-image {
        width: 80% !important;
    }
}

@keyframes show-message {

    from { transform: scale(0); }
    to { transform: scale(1); }

}

@keyframes hide-message {

    from { transform: scale(1); }
    to { transform: scale(0); }

}