#logo {
    margin: 20px auto;
    display: block;
}

.nav {
    margin: 10px auto;
    display: block;
    text-align: center;
}

input {
    margin-bottom: 5px;
}

/* .criteria, */
.score,
.award-checkbox,
.shortlist-checkbox {
    text-align: center;
}

button a {
    box-sizing: border-box;
    color: black;
    font-size: 18px;
    display: block;
    padding: 5px;

}

.individual-nomination,
.team-nomination {
    font-weight: bold;
    font-size: 18px;

}

#actions {
    text-align: center;
    padding: 20px;
    margin: 20px;
    background: ghostwhite;
    border-radius: 10px;
    border: 2px green solid;
}

#actions button {
    padding: 5px;
    width: 100px;
    margin-bottom: 10px;
}

.individual-nomination,
.team-nomination {
    color: #4F8A10;
    background-color: #DFF2BF;
    padding: 10px;
    margin-bottom: 5px;
}

.login-area {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    border: 5px solid white;
    box-shadow: #2e4056 0 0 20px;
    border-radius: 5px;
    padding: 5px;

}

.login-img {
    margin:  0 auto;
    display: block;
}

#login-btn {
    margin: 10px 0 10px 0;
}

.nominator {
    margin-bottom: 10px;
}
#login-error {
    color: red;
}
#logout {
float: right;
}
textarea {
    margin-bottom: 3px;
}