@font-face {
    font-family: "titleFont"; 
    src: url(fonts/title.ttf);
}
@font-face {
    font-family: "mainFont"; 
    src: url(fonts/main.ttf);
}
body{
    background-color: rgb(31, 31, 31);
    width: 100vw;
    height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loginForm{
    text-align: center;
    color: white;
    width: 60vh;
    transition-duration: 1250ms;
}
#greetings p{
    display: inline;
    font-family: titleFont;
    font-size: 6vh;
    transition-duration: 1250ms;
}
#loginForm input{
    width: 40%;
    padding: 0.7vh;
}
#loginForm button{
    width: 20%;
    height: 4vh;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    cursor: pointer;
    transition-duration: 600ms;
}
#loginForm button:hover{
    background-color: white;
    color: rgb(31, 31, 31);
}
#loginForm input, button{
    margin: 1vh;
    font-family: mainFont;
    transition-duration: 1250ms;
    opacity: 1;
}
#errorTxt{
    color: rgb(255, 88, 88);
    font-family: mainFont;
    margin: 0;
    display: none;
    transition-duration: 1250ms;
    opacity: 1;
}

#tableDiv{
    display: none;
    opacity: 0;
    font-family: mainFont;
    width: 60vw;
    height: 90vh;
    transition-duration: 1250ms;
}
#tableDiv table{
    color: white;
    width: 100%;
}
#tableDiv td,th{
    font-size: 2vh;
    border: 1px solid white;
}