body {
  font-family: Arial, Verdana, sans-serif;
}

h1 {
    text-align: left;
    margin: 2%;
}

.main-page, .login-form, .about-page, .dashboard, .text-output {
    margin: 2%;
}

.login-button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px 2px;
    cursor: pointer;
}

/*h1 {
    background-color: #efefef;
    color: #00447c;
    text-align: left;
    margin: 2%;
} */

table {
    width: 600px;
}

th, td {
    padding: 7px 10px 10px 10px;
}

th {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 90%;
    border-bottom: 2px solid #111111;
    border-top: 1px solid #999;
    text-align: left;
}

tr.even {
    background-color: #efefef;
}

tr:hover{
    background-color: #00447c;
    color: #FFFFFF;
}

.dashboard-table {
    margin-bottom: 25px;
}