@import url('https://fonts.googleapis.com/css2?family=Itim&family=Josefin+Sans&family=Secular+One&family=KoHo&family=Reem+Kufi&family=Shantell+Sans&family=Kodchasan:wght@200&family=Syne+Mono&display=swap');

html {
	min-height: 100%;
	position: relative;
}

body {
	color: #ede9e5;
	background: #000 url("bg.png") no-repeat left top fixed;
	background-size: cover !important;
	margin-bottom: 100px;
	font-family: 'Syne Mono', Lucida Sans Unicode;
}
h1 {
    color: #d4bc94;
    text-shadow: 9px 9px 18px red, 0 0 1em red, 0 0 0.2em red;
}
a, a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

h3 {margin: 0;}
*:focus {outline: none;}
.navbar-nav > .active a {
	color: #d4bc94 !important;
	background-color: rgba(178,178,178,0.2) !important;
}

h2 {
    color: #d4bc94;
}
h4 {
    color: #d4bc94;
}

.spacer20 {height: 20px;}
.padding20 {padding: 20px;}
.rounded5 {border-radius: 5px;}

.grayFont {color: #fff;}
.blueBackground {background: rgba(178,178,178,0.2); color: #fff;}
.whiteBackground {background: rgba(178,178,178,0.2)}

.navbar {
	border: 0;
	color: #fff;
	border-radius: 0;
	background-color: rgba(0,0,0,0.5);
}

.navbar li a {
	border: 0;
	color: #fff;
	display: block;
	text-transform: uppercase;
	padding: 25px 20px 25px 25px;
}

ul.nav.navbar-nav a:hover {
	color: #fff;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

footer a, footer a:hover, .navbar a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

footer {
	bottom: 0;
	width: 100%;
	position: absolute;
	background: rgba(178,178,178,0.2);
}