/* CSS DOCUMENT */

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-BoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-Italic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Times New Roman';
	src: url('../fonts/Times-New-Roman-BoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Times New Roman';
	src: url('../fonts/Times-New-Roman-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Times New Roman';
	src: url('../fonts/Times-New-Roman-Italic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Times New Roman';
	src: url('../fonts/Times-New-Roman.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* ---------- TAGS/CLASSES ----------*/

h1,
.h1 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 100px;
	font-weight: bold;
	line-height: 0.93;
	letter-spacing: -0.02em;
}

h1,
.h1 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 100px;
	font-weight: normal;
	line-height: 0.93;
	letter-spacing: -0.01em;
}

h2,
.h2,
a {
	font-family: 'Menlo', monospace;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;

	b {
		font-weight: bold;
	}
}

p {
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 2;
	letter-spacing: 0.07em;
}

article a {
	font-size: 12px;
	text-decoration: none;
	color: var(--glyph-standard);
	outline: 1px solid var(--glyph-standard);
	padding: 5px 7px;
}