@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

body { 
  background: url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body a, a:link, a:hover {
	color: red;
}

.background-blur { 
  background: url(../images/background-blur.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-trans-dark {
	background-color: rgba(0,0,0,0.65) !important;
}

.bg-trans-light {
	background-color: rgba(255,255,255,0.65) !important;
}

.header {
	background-image: url("../images/earth.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.header h1 {
	text-shadow: 0px 0px 8px #000000;
}

h1, h2, h3 {
	font-family: 'Permanent Marker', cursive;
}