* {
    text-align: center;
}

:root {
    --borderRadius: 15px;
    --bgColor: #2b1f60;
    --txtColor: #eaeeff;
    --btnBGColor: #4361ee;
    --btnBGhoverColor: #254dbb;
    --fontFamily-1: system-ui, sans-serif;
    --bggradient: linear-gradient(to left bottom, #9a4faf, #9363bf, #8c75cc, #8785d7, #8495df, #759ee3, #69a7e5, #60afe4, #46b3dc, #35b5d0, #36b7c1, #45b7b0);
}

main {
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

button,
.action a {
    background-color: var(--btnBGColor);
    color: var(--txtColor);
    padding: 15px;
    border: none;
    border-radius: var(--borderRadius);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

button:hover,
.action a:hover {
    background-color: var(--btnBGhoverColor);
}

button.close,
.action .close {
    background-color: rgb(114, 114, 114);
}

button.close:hover,
.action .close:hover {
    background-color: rgb(134, 134, 134);
}

body {
    background: var(--bggradient);
    background-size: 1000% 100%;
    -webkit-animation: bgGradientChanger 20s ease infinite;
    -moz-animation: bgGradientChanger 20s ease infinite;
    -o-animation: bgGradientChanger 20s ease infinite;
    animation: bgGradientChanger 20s ease infinite;
    font-family: var(--fontFamily-1);
    color: var(--txtColor);
}

@-webkit-keyframes bgGradientChanger {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes bgGradientChanger {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-o-keyframes bgGradientChanger {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes bgGradientChanger {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}


#notice>div {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #00000047;
    padding: 20px 10px 10px 20px;
    max-width: 20%;
    border-radius: 20px 0 0px 0;
    font-weight: bold;
    color: var(--txtColor);
}