@import url('../general.css');

.content {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 1;
}

form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;

    width: 300px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);

    button {
        background-color: var(--primary-color);
        color: white;
        font-size: 16px;
        font-weight: 600;
        padding: 5px 10px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);
    }
}

.input-group {
    display: flex;
    flex-direction: column;
    row-gap: 5px;

    label {
        font-weight: 600;
        font-size: 16px;
    }

    input {
        font-size: 16px;
        outline: none;
        border: 0px;
        padding: 5px 10px;
        border-radius: 5px;
        box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);
    }
}