* {
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    height: 100vh;
}
.login-form {
    margin: auto;
    position: relative;
    width: 40em;
    top: 30%;
    border: 0.25em solid black;
    border-radius: 0.25em;
    background-color: #228B22;
    padding: 0.6em;
    text-align: center;
    font-size: 2em;
}
.login-form p {
    padding: 0.25em 0;
}
.login-form input {
    font-weight: bold;
    color: black;
    padding: 0.25em;
    font-size: 2em;
}
.header {
    width: 100%;
    position: relative;
    top: 0;
    background-color: #228B22;
    padding: 10px 0;
    height: 4em;
}
.header .name {
    font-size: 2.5em;
    padding: 0.25em 1em;
    font-weight: bold;
}
.logout-btn {
    float: right;
    padding: 0.5em;
    background-color: white;
    margin-right: 1em;
    width: fit-content;
    border: 0.1em solid grey;
    border-radius: 0.25em;
}
.logout-btn a {
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 2em;
}

.selected-interval {
    margin: 1.5em auto;
    width: 30em;
}
.selected-interval select{
    margin: 0;
    padding: 0.1em;
    font-size: 2em;
}
.selected-interval option{
    margin: 0;
    padding: 0;
    font-size: 0.5em;
}
.results {
    margin: 1.5em auto;
    padding: 1.5em;
    border: 0.1em solid grey;
    border-radius: 0.3em;
    border-collapse: collapse;
    font-size: 2em;
}
.results th {
    border: 0.1em solid grey;
    padding: 0.25em;
}
.results td {
    border: 0.1em solid grey;
    padding: 0.25em;
}

.results td input {
    padding: 0.1em;
    text-transform: capitalize;
    font-size: 1em;
}
.results form {
    width: fit-content
}
.results td div {
    width: fit-content;
    margin: 0 auto;
}
.results td div div {
    padding: 0 0.2em;
    float: left;
}
.selected-interval form {
    min-width: 480px;
    text-align: center;
}
button {
    color: black;
    font-size: 2em;
    padding: 0.1em;
}