body {
    margin: 0;
    background: #f7f3ef;
    color: #302925;
    font-family: Arial, sans-serif;
}

* {
    box-sizing: border-box
}

main {
    width: 100%;
    max-width: 720px;
    margin: auto;
    padding: 18px 18px 28px
}

.card {
    background: #fffdfb;
    border: 1px solid #e9dfd8;
    border-radius: 24px;
    padding: 24px 20px
}

h1,
h2 {
    font-family: Georgia, serif;
    font-weight: 400
}

h1 {
    font-size: 38px;
    margin-top: 0
}

h2 {
    font-size: 22px;
    margin: 28px 0 8px
}

p,
li {
    color: #655b56;
    line-height: 1.65;
    font-size: 15px
}

li {
    margin: 7px 0
}

a {
    color: #6e4a42;
    font-weight: 700;
    text-decoration: none
}

.note {
    padding: 14px;
    border-radius: 12px;
    background: #efe5df
}