#loginbutton, .loginbutton {
    outline: white;
    outline-style: solid;
    /*animation: color 2s infinite linear;*/
}

@keyframes color {
    0% {
        background: #868f99;
    }
    50% {
        background: #442682;
    }
    100% {
        background: #868f99;
    }
}

.logininput {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    font-size: 20pt;
    margin: 10pt;
}

.loginbackground {
    background: #442682;
}

.loader {
    border: 1em solid #442682;
    border-top: 1em solid #95c11f;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    aspect-ratio: 1/1;
    float: right
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}