/* this is a comment */

:root {
--text-color: ;
--muted-text-color: ;
--heading-color: ;
--link-color: ;
--background-color: ;
--link-color: ;

--heading-font: ' ', ;
--body-font: ' ', ;
}

html {
font-family: var(--body-font);
font-size: 20px;
line-height: 1.45;
color: var(--text-color);
background-color: var(--background-color);
}

main * {
margin-block: 0 1rem;
}

img {
max-width: 100%;
}

a {
color: var(--link-color);
}

a:hover {
text-decoration: none;
}

main {
max-width: 65ch;
}

h1 {
border-block-start: 10px solid var(--heading-color);
margin-block-start: 4rem;
margin-block-end: 2rem;
font-family: var(--heading-font);
font-weight: bold;
}

h2 {
margin-block-start: 1.5rem;
margin-block-end: 0.5rem;
font-family: var(--heading-font);
font-size: 1.2em;
font-weight: bold;
color: var(--heading-color);
}

footer {
max-width: 65ch;
}