#flash {
    position:fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;

    max-width: 100%;
    width: max-content;
    padding: 0 1rem;
    z-index: 1;

    .notification {
        animation: appear-then-fade 4s both;
        border-radius: 999px;
    }
}

@keyframes appear-then-fade {
    0%, 100% {
        opacity:0
    }
    5%, 60% {
        opacity:1
    }
}