Почему padding задаётся от body а не от div

Хочу сделать 10% сверху и сниху отступ (padding) в правом (зелёном) диве - но он задаётся от body а не от правого (зелёного) дива
Почему?

CSS правого (зелёного) дива

  .form {
        display: inline-block;
        flex-flow: column;
        border: 6px solid blue;
        grid-gap: 5%;
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;
    }