#loginbutton, .loginbutton {
    outline: white;
    outline-style: solid;
    box-sizing: border-box;
    height: 100%;
    /*animation: color 2s infinite linear;*/
}

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

.loginheaderbutton {
    font-size: 100pt;
    margin-left: auto;
    margin-right: auto;
}

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

    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.loginbackground {
    background: #442682;
}

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

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

.loginclock {
    grid-area: footer;
    color: white;
    font-size: 20pt;
    text-align: center;
}