@font-face {
    font-family: TenorSans;
    src: url(fonts/TenorSans-Regular.ttf);
}

@font-face {
    font-family: HindMadurai;
    src: url(fonts/HindMadurai-Regular.ttf);
}

:root {
    --horizontal-padding: 48px;
    --main-color: #9F6D0A;
    --main-background: rgb(247, 247, 247);
    --secondary-color: #b2874b;
}

body {
    background: var(--main-background);
    font-family: HindMadurai, serif;
    font-size: 16px;
}

.logo {
    height: 75px;
}

header {
    padding: 20px var(--horizontal-padding);
    border-bottom: 1px solid var(--secondary-color);
}

main {
    padding: 20px var(--horizontal-padding);
}

h1 {
    font-family: TenorSans, serif;
    font-size: 40px;
    margin-bottom: 40px;
}

h2 {
    font-family: TenorSans, serif;
    font-size: 32px;

}

ol {
    counter-reset: item
}

li {
    display: block;
    margin-bottom: 4px;
}

li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}