#login-window {
    width: 20vw;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* Allows window.css to style it */
    display: flex;
    flex-direction: column;
}

#login-window .window-content {
    display: flex;
    flex-direction: column;
    align-items: center;     /* centers horizontally */
    justify-content: center; /* centers vertically */
    gap: 0.5em;               /* space between form elements */
}

#login-window input[type="text"],
#login-window input[type="password"] {
    width: 80%;
    margin-bottom: 0.6em;
}

#login-window input[type="button"] {
    width: 50%;
    cursor: pointer;
    margin-bottom: 0.5em;
}

input[type="text"] {
  font-family: "dos";
}