/* Add custom CSS styles below */ 
:root {
    --font-main: 'Apple';
    --color-primary: #915f43;
    --color-primary-dark: #d9d9d9;
    --color-primary-light: #ffffff;
    --color-primary-reverse: #ffffff;
}



body {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #231f1e;
    color: #915f43;
    background-color: #f4f0ec;
    position: relative;
}

<h2 class="article-title">{{ article.title }}</h2>
.article-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}



.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(50 27 14);
    background-color: rgba(50, 27, 14, var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
}


.store-footer
 {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(14, 15, 15, 1);
    background-color: rgba(50, 27, 14, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.copyright-text p
 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(255 255 255);
}

.main-nav-container {
    min-height: 68px;
    background-color: #F4F0EC;
}

 

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgba(145, 95, 67, 1);
    background-color: rgba(104, 55, 31, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, 1);
    color: rgba(209, 213, 219, var(--tw-text-opacity, 1));
}