/* Custom CSS Dirk Christiaens */

@font-face {
	font-family: "Michroma";
	src: url('https://www.djdirk.be/fonts/Michroma-Regular.ttf');
	font-weight: 400;
	font-display: swap;
}

body {
	background-color: black !important;
}

html {
	scroll-padding-top: 200px !important;
	scroll-behavior: smooth !important;
}

h1 {
	font-size: 4.0em !important;
	color: #D6975C !important;
	font-family: 'Michroma';
}

h2 {
	font-size: 1.2em !important;
	color: #52d5f5 !important;
	font-family: 'Michroma';
}

h3 {
	font-size: 2.5em !important;
	color: #52d5f5 !important;
	font-family: 'Michroma';
	margin: 20px 0px 20px 0px !important;
}

h4 {
	font-size: 1.4em !important;
	color: #D6975C !important;
	font-family: 'Michroma';
}

p {
	font-size: 1em !important;
	color: rgb(228, 222, 207) !important;
	font-family: 'Michroma';
	line-height: 2.0 !important;
	margin: 10px !important;
}

li {
	font-size: 1em !important;
	color: rgb(228, 222, 207) !important;
	font-family: 'Michroma';
	line-height: 2.0 !important;
	margin: 20px !important;
	list-style: none !important;
}

a {
	font-size: 1em !important;
	color: rgb(82, 213, 246) !important;
	font-family: 'Michroma';
	text-decoration: none !important;
}

hr {
	color: aqua !important;
	width: 30% !important;
	margin: 0 auto !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

video {
  width: 100%;
  height: auto;
}

.navbar {
	background-color: black !important;
	text-align: center !important;
}

.navbar-toggler {
	background-color: #52d5f5 !important;
}

.small {
	font-size: 0.9em !important;
	color: rgb(228, 222, 207) !important;
	font-family: 'Michroma';
	line-height: 0.9 !important;
}

.super-small {
	font-size: 0.7em !important;
	font-family: 'Michroma';
	line-height: 2.0 !important;
}

.btn {
	padding: 25px !important;
}

.btn-primary {
	font-size: 1.5em !important;
	color: #D6975C !important;
	font-family: 'Michroma';
	background-color: black !important;
	border-color: #52d5f5 !important;
	padding: 50px; !important;
}

.btn-primary:hover {
	color: black !important;
	background-color: #52d5f5 !important;
}