body {
    display: flex;
}
mainframe {
    width: min(100%,800px);
    margin-right:auto;
    margin-left:auto;
}
.bookTableFrame {
  border: 1px solid black;
}
container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
input {
    margin: 0.4em;
}
p {
    margin: 0.2em;
}
textarea {
    width: 100%;
}

left {
    display: flex;
    flex-direction: column;
    width: max(70%,230px);
}
right {
    width: max(30%,99px);
}

left2 {
    display: flex;
    flex-direction: column;
    width: max(50%,165px);
}
right2 {
    width: max(50%,165px);
}

#lockbodymain {
    padding: 1em;
}