:root {
    --normal-margin: 1em;
    --large-margin: 2em;
    --extra-large-margin: 3em;
    --tab-title-font-size: 1.5em;
}

html,
body {
    /* scrollbar-gutter: stable; */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-position: 0.5cm 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--col-text-primary);
}

/*** Text elements ***/
h1 {
    font-size: 1.25em;
}

#content p {
  text-align: justify;
  /* padding-bottom: 4em; */
}

a {
    color: var(--col-link);
    text-decoration: none;
}

/*todo: add "remember-visited" class to <a> els that use different visited color */
a.remember-visited:visited {
    color: var(--col-link-visited);
}

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

.tut-action {
    /* background: var(--col-primary); */
    color:#a32828;
    font-style: italic;
}