.form {
    background: var(--second-bg);
    padding: 1rem;
    border-radius: 10px;
}

.form .item {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 0.2rem;
}

.form .item input {
    margin-top: 0.2rem;
    width: 100%;
    height: 2rem;
    background: var(--third-bg);
    color: var(--default-text);
    border: none;
    outline: none;
    padding: 0.1rem 0.1rem 0.1rem 1rem;
    border-radius: 5px;
}

.form .item input:hover {
    color: var(--default-text-invert);
    filter: brightness(1.2);
}

.form .item input:focus {
    background: var(--second-bg);
    filter: brightness(1.2);
}

.form .item input:focus:hover {
    color: var(--default-text);
}

.form button {
    color: var(--default-text);
    background: var(--third-bg);
    margin-top: 1rem;
    width: 100%;
    height: 2rem;
    border-radius: 5px;
    border: none;
    outline: none;
}

.form button:focus,
.form button:hover {
    color: var(--default-text-invert);
    filter: brightness(1.2);
}