html {
	font-size: 18px;
}

body {
	color: var(--dark-gray-color);
	font-family: var(--font-family);
	font-weight: 400;
  	hyphens: unset;
}

h1, h2, h3, h4, h5, h6,
strong {
}

strong {
	font-weight: 600;
}

em {
	font-weight: 300;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
}

.h4, h4 {
    font-size: 1.3rem;
  	color: var(--highlight-color);
 	line-height: 1.7rem;
}

.h3, h3 {
    font-size: 1.4rem;
}

a {
	color: inherit;
    text-decoration: none;
}

.page-content>.container a:not(.btn) {
    text-decoration: none;
}
.page-content>.container header a {
    text-decoration: none !important;
}

a:hover {
  	color: var(--highlight-color);
    text-decoration: none;
}
/*
@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--dark-bg-color);
        color: var(--light-gray-color);
    }
}
*/