/* Axioms */
/* The width of the line of characters is a measure */
/* Measure should be from 45 to 75 */

* {
  --measure: 60ch;
	max-width: var(--measure);
  box-sizing: border-box;
}

html,
*[custom-elem],
body,
div,
header,
nav,
main,
footer {
	max-width: none;
  overflow-x: hidden;
}

*[custom-elem] {
  display: block;
}

/* Remove default margin */
body, 
h1,
*[custom-elem],
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd
{
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5rem;
}

/* Modular scale */
/* Visual and harmonical foundation for every design */
/* This is how the sizes of everything should be */
:root {
	--ratio: 1.5;
	--s-5: calc(var(--s-4) / var(--ratio));
	--s-4: calc(var(--s-3) / var(--ratio));
	--s-3: calc(var(--s-2) / var(--ratio));
	--s-2: calc(var(--s-1) / var(--ratio));
	--s-1: calc(var(--s0) / var(--ratio));
	--s0: 1rem;
	--s1: calc(var(--s0) * var(--ratio));
	--s2: calc(var(--s1) * var(--ratio));
	--s3: calc(var(--s2) * var(--ratio));
	--s4: calc(var(--s3) * var(--ratio));
	--s5: calc(var(--s4) * var(--ratio));
}