/* Styles for the submit page */

header {
    height: 64px;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.submit-record {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 64px);
    padding-top: 20px;
    overflow: hidden;
}

.submit-record h1 {
    font-size: 2rem;
    margin-bottom: 1rem; /* Space between title and form */
}

.submit-record form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(100vh - 128px); /* Limits the form width */
    overflow-y: auto;
    padding: 2rem;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.submit-record form label {
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.submit-record form input,
.submit-record form textarea,
.submit-record form select {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
}

select,
textarea {
    font-family: "Lexend Deca", sans-serif;
    font-size: 17.1428571429px;
    line-height: 20px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
}

.submit-record form button {
    font-family: "Lexend Deca", sans-serif;
    padding: 0.75rem;
    background-color: #595959; /* Primary button color */
    color: #fff; /* Button text color */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
}

.submit-record form button:hover {
    background-color: #404040; /* Darker shade on hover */
}