form {
    margin: auto;
    display: flex;
    flex-direction: column;

    mat-form-field {
        margin: auto
    }
}

#header {
    display: grid;
    grid-template-areas: "isbn quantity price delete";
    grid-template-columns: 2fr 1fr 1fr 0.25fr;
}

#header h3 {
    text-align: center;
}

.row {
    display: grid;
    grid-template-areas: "isbn quantity price delete";
    grid-template-columns: 2fr 1fr 1fr 0.25fr;
    /* padding: 5px; */
    margin: 3px 5px;
}

.row > * {
    padding: 5px;
    margin: 5px;
}

.row button {
    height: max-content;
}

.button-group {
    width: 30%;
    display: flex;
    justify-content: space-around;
    margin: 2rem auto;
}