body {
    min-width: 200px;
    height: 100%;
    font-family: 'Inter', sans-serif;
    padding: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

img {
    display: block;
    margin: auto;
}

ol.title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    padding-left: 16px;
}

ol.body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-left: 16px;

}

p.title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

p.body {
    font-size: 16px;
    font-weight: 400;
}

.italic {
    font-style: italic;
}

.italic-bold {
    font-style: italic;
    font-weight: 700;
}

.bold {
    font-weight: 700;
}

.title-bold {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.body-bold {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.header {
    margin-top: 24px;
    margin-bottom: 48px;
    text-align: center;
}

.footer {
    margin-top: 48px;
    text-align: center;

}

ul {
    list-style-type: 'i) ';
    padding-left: 16px;
}

ul.body {
    list-style-type: none;
    counter-reset: elementcounter;
    padding-left: 32px;

}

ul.body>li::marker {
    content: "(" counter(list-item) ") ";
    counter-increment: elementcounter;
}