/*---------------------------------------------*/
/*FONTS*/
h1, h2, h3, h4, h5, h6, em {
	font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
a, p, li {
	font-family: var(--font-texts), var(--font-fallback), sans-serif;
}
code {
	font-family: monospace;
}

/*---------------------------------------------*/
/*COLORS*/
/*links when they are part of a text*/
p a, p a:link {
	color: var(--color-link);
}
p a:visited {
	color: var(--color-link-visited);
}
p a:hover {
	color: var(--color-link-hover);
}
p a:active {
	color: var(--color-link-active);
}
/*color text*/
h1, h2, h3, h4, h5, h6, p, span {
	color: var(--color-text);
}

/*---------------------------------------------*/
/*SIZES*/
aside {
	font-size: .8rem;
}
main {
	font-size: 1rem;
}
p {
	font-size: 1.8em;
	line-height: 1.5em;
}
h1 {
	font-size: 3.5em;
	line-height: 1.5em;
}
h2 {
	font-size: 2em;
	line-height: 1.5em;
}
h3 {
	font-size: 1.8em;
	line-height: 1.5em;
}
h4 {
	font-size: 1.8em;
	line-height: 1.5em;
}
h5 {
	font-size: 1.8em;
	line-height: 1.5em;
}
h6 {
	font-size: 1.8em;
	line-height: 1.5em;
}
small, sub, sup {
	font-size: 0.8em;
	line-height: 1.2em;
}

/*---------------------------------------------*/
/*OTHER SETTINGS*/
p, p *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, li * {
	display: inline;
}
a, a * {
	cursor: pointer;
}
i {
	font-style: italic;
}
b {
	font-weight: 600;
}
mark { /*text with background color*/
	padding: 0px 5px;
	background-color: hsl(var(--hue-4) 50% 90%);
}
strong {
	background-color: hsl(var(--hue-3) 50% 90%);
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
sub {
	vertical-align: sub;
}
sup {
	vertical-align: super;
}
code {
	background-color: var(--color-back-dark);
}
/*
	<i>			- Italic
	<em>		- Emphasized	-> title font
	<b>			- Bold
	<strong>	- Important		-> background color
	<mark>		- Marked		-> background color
	<small>		- Smaller
	<del>		- Deleted
	<ins>		- Inserted		-> underline
	<sub>		- Subscript
	<sup>		- Superscript
	<code>		- Computer
*/

/*---------------------------------------------*/
/*CLASS SETTINGS*/
/*quote*/
.quote {
	max-width: 480px;
	margin-right: 0px;
	margin-left: auto;
	text-align: right;
}
.quote p, .quote p * {
	color: var(--color-text-light);
}
.quote_credit {
	font-size: 1.8em;
	margin-top: 0.9em;
}
.quote_credit p {
	font-size: 0.8em;
	line-height: 1.2em;
}
/*nocut*/
.nocut {
	white-space: nowrap;
}