/* This page contains global varaibels, to be used across all CSS documents. */
/* This file is to be linked to all HTML documents.                          */

:root {
/* Background colors                                                         */
	--white:     #f5f5f5;
	--black:     #000000;
	--dgrey:     #171717;
	--lgrey:     #4a494e;
	--cream:     #f0e8db;
	--brown:     #352d28;
	--hover:     #9b9b9b;

	background-color: var(--dgrey);
}

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: var(--white);
	box-sizing: border-box;
	font-family: serif;
}

a {
	font-size: clamp(12px, 2vw, 15px);
}

h1 {
	font-size: clamp(38px, 4.5vw, 100px);
}

h2 {
	font-size: clamp(12px, 2.5vw, 40px);
}

h3 {
	font-size: clamp(22px, 2vw, 30px);
}

h4 {
	font-size: clamp(16px, 1.5vw, 20px);
}

p {
	font-size: clamp(16px, 1.3vw, 21px);
	line-height: 1.5;
}