:root {
    --custom-primary-base: #3498db;
}

.container {
    max-width: 600px !important;
}

.footer-column {
    min-width: 100px !important;
}

footer {
    margin-top: 200px;
    padding-top: 20px;
}

.highlight {
    font-weight: 600;
    color: var(--custom-primary-base);
}

h1 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border: 2px solid var(--pico-secondary-border);
    box-shadow: 3px 3px 0px var(--pico-secondary-border);
}

h1:not(:first-of-type) {
    margin-top: 150px;
}

h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

h2:not(:first-of-type):not(h1 + h2) {
    margin-top: 100px;
}

h3 {
    font-size: 16px;
}

p {
    margin-bottom: 10px;
}

ul {
    padding-left: 20px;
}

li {
    margin-bottom: 8px;
}

main hr {
    border: 0;
    height: 16px;
    background: var(--pico-form-element-border-color);
    --mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='100%25'%3e%3cdefs%3e%3cpattern id='p' width='16px' height='16px' viewBox='0 0 40 40' patternUnits='userSpaceOnUse'%3e%3cpath d='M-20 32.5l20-20l20 20l20-20l20 20l20-20l20 20v-5l-20-20l-20 20l-20-20l-20 20l-20-20l-20 20zM-20-7.5l20-20l20 20l20-20l20 20l20-20l20 20v-5l-20-20l-20 20l-20-20l-20 20l-20-20l-20 20zM-20 72.5l20-20l20 20l20-20l20 20l20-20l20 20v-5l-20-20l-20 20l-20-20l-20 20l-20-20l-20 20z ' fill='black'/%3e%3c/pattern%3e%3c/defs%3e%3crect fill='url(%23p)' height='100%25' width='100%25'/%3e%3c/svg%3e");
    mask-image: var(--mask);
    -webkit-mask-image: var(--mask);
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    margin-top: 1.2rem
}