:root {
	--lo-boes-bg: #F8F8F8;
	--lo-boes-text: #1A1A1A;
	--lo-boes-accent: #2A5C44;
	--lo-boes-border: #E0E0E0;
	--lo-boes-text-body: #4A4A4A;
}

body {
	font-family: 'Roboto', sans-serif;
	color: var(--lo-boes-text-body);
	background-color: var(--lo-boes-bg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas Neue', cursive;
	color: var(--lo-boes-text);
	text-transform: uppercase;
}

h1 { font-size: 4em; letter-spacing: 2px; }
h2 { font-size: 2.5em; letter-spacing: 1px; }
h3 { font-size: 1.8em; color: var(--lo-boes-accent); }

.lo-boes-btn {
	background: var(--lo-boes-accent);
	color: white;
	padding: 12px 30px;
	text-decoration: none;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
}

.lo-boes-btn:hover {
	background: #1e4533;
	color: white;
}