body{
    background-color: black;
    align-items: start;
    font-family: monospace;
    color: white;
    margin-left: 10px;
    height: 100%;
}

h2{
    background-color: rgb(19, 6, 92); 
    padding-left: 5px;
}

p{
    padding-left: 10px;
}

input{
    font-family: monospace;
    background-color: rgb(14, 4, 71);
    color: white;
    border-color: white;
    border-style: solid;
    border-width: 0.1px;
    padding: 5px;
    margin-right: 10px;
}

input[type=submit]{
    padding: 5px 15px;
    font-size: medium;
    transition: 0.4s ease-out;
}

input[type=submit]:hover{
    transition: 0.4s ease-in;
    background-color: rgb(40, 14, 190); /* Was using: rgb(34, 11, 160) */
    background-blend-mode: multiply;
}

/* input[type=text]:focus{
    outline: none;
    box-shadow: 0px 0px 40px 3px rgb(14, 4, 71), 0px 0px 40px 6px rgb(19, 6, 92), 0px 0px 40px 9px rgb(40, 14, 190); rgb(14, 4, 71), rgb(19, 6, 92), rgb(40, 14, 190)
} */

.login{
    background: #232323;
    display: flex;
    align-items: center;
    flex-direction: column;
    aspect-ratio: 1.1;
    height: 45%;
    border-radius: 10px;
    justify-content: center;
}

html{
    height: 100%;
}

.apiRequestForm{
    display: flex; 
    align-items: center;
}

.inputDiv{
    flex-direction: column;
    display: flex;
    align-items: start;
    border: 1.5px solid white;
    border-radius: 5px;
    padding: 10px
}