.notice {
    position: fixed;
    /*width: 80%;*/
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    padding: 2rem;
    text-align: center;
    background-color: var(--panel);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    transition: bottom ease-out 0.4s, opacity ease-out 0.4s;
    min-width: 20rem;
}

.notice h3 { font-size: 1.2rem; }

.notice:not(.active) { bottom: -5rem; opacity: 0; }