body {
    margin: 0;

    h2 {
        margin-left: 8px;
        margin-top: 4px;
        margin-bottom: 12px;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
    }

    th {
        text-align: left;
        padding: 8px;
        width: 84px;
    }

    td {
        text-align: left;
        padding: 8px;

        ul {
            padding: 0;
            margin: 0;
            list-style-type: none;

            li {
                margin-right: 8px;
                float: left;
            }
        }
    }

    tr:nth-child(odd) {
        background-color: #C8E6C9;
    }

    section {
        display: none;
    }

    section.active {
        display: block;
    }

    .error-message {
        color: red;
        margin-bottom: 8px;
        margin-left: 8px;
    }

    #table-container {
        margin-bottom: 12px;
    }

    #specimens-controls {
        margin-left: 20px;
        margin-bottom: 16px;
    }

    .card {
        border: solid 1px lightgray;
    }

    .slide {
        margin-bottom: 24px;
    }

    .sliderless {
        margin-left: 20px;
        margin-right: 20px;
    }

    #garden-link-container {
        margin-left: 4px;
        margin-bottom: 8px;
    }

    #garden-overview-table {

        th {
            text-align: left;
            padding: 8px;
            width: 144px;
            font-weight: normal;
        }
    }

    .search-box {
        margin-left: 8px;
        margin-bottom: 8px;
    }

    .search-results-count {
        margin-top: 8px;
        margin-bottom: 16px;
        margin-left: 8px;
    }

    input,
    select {
        font-size: 16px;
    }

    .nav {
        margin-left: 4px;
        margin-top: 4px;
        margin-right: 4px;
        align-items: center;
        display: flex;
        gap: 0;
        height: 2rem;

        .nav-element {
            margin-left: 4px;
            margin-right: 4px;
        }
    }

    .login-container {
        margin-left: auto;
        margin-right: 4px;
    }

    .login-btn {
        font-size: inherit;
    }

    .login-input {
        font-size: 16px;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 160px;
    }

    .login-input:focus {
        outline: none;
        border-color: #C8E6C9;
    }
}