@import url("./style.css");

:root {
    color: var(--text);
}

.form-center {
    display: block;
    align-items: center;
}

form {
    justify-items: center;
    justify-content: center;
    align-items: center;
    justify-self: center;
}

form input {
    border: var(--box) 1px solid;
    background-color: var(--box-background);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--text);
}

form button {
    border: var(--box) 1px solid;
    background-color: var(--surface);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--text);
    cursor: pointer;
}