main {
    max-width: 1400px;
    color: var(--white);
    padding-top: 0px;
    #species-masonry {
        display: flex;

        > div {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
    }
    form {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: var(--default-pad);
        label {
            display: flex;
            margin-right: 16px;
            cursor:pointer;
        }
        input[type="submit"] {
            display: none;
        }
        input[type="search"] {
            width: 100%;
            max-width: 400px;
            font-size: var(--font-size-big);
            color: var(--white);
            background: none;
            border-top-style: none;
            border-left-style: none;
            border-right-style: none;
            border-bottom-style: solid;
        }
        input::placeholder {
            color: var(--white);
        }
        input:focus {
            outline: none;
            border-bottom-color: var(--white);
        }
    }
}