:root {
    --c1: #edf2fb;
    --c2: #e2eafc;
    --c3: #d7e3fc;
    --c4: #ccdbfd;
    --c5: #c1d3fe;
    --c6: #b6ccfe;
    --c7: #abc4ff;
}

body {
    background-color: var(--c3);
    width: 400px;
}

div {
    background-color: var(--c1);
    border: 2px solid var(--c7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    align-items: center;
    text-align: center;
}