@font-face {
    font-family: jarman;
    src: url(../fonts/corpta.otf);
}

@keyframes myAnimation {
	25%		{color: gray;}
	50%		{color: navy;}
	75%		{color: gray;}
}

@keyframes myAnimation2 {
	25%		{color: red;}
	50%		{color: blue;}
	75%		{color: red;}
}
body {
	position:absolute;
	background-color: #000000;
	background-image: url('../images/jarmanBkgrnd.jpg');
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
	width: 95vw;
	height: 95vh;	
	 /* First value is width (auto), second value is height (100%) */
	  background-size: auto 100%; 
	  
	  /* Center the image horizontally and vertically */
	  background-position: center; 
	  
	  /* Prevent the image from repeating if it does not fill the width */
	  background-repeat: no-repeat; 
    text-align: center;
	
	/* background-image: linear-gradient(#d2d1ff, navy, navy); */
}

a.other {	
	font-family: jarman;	
	
	color: gold;
	font-size: 2svw;
	text-shadow: 2px 2px 1px #121212, 0 0 2px #121212;
	
	/*animation-name: myAnimation;
	animation-duration: 2s;	  */
}

img.logo {
	height: 125px;
}


img.mainLogo {
	height: 150px;
}

html {
	height: 100vh;
}



div {
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
}

h1 {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
	font-family: jarman, serif;
    position: relative;
	text-transform: uppercase;	
	font-size: calc(5svw + .5rem);
	margin: 0;
	font-weight: 400;
}

h1::after {
    background: none;
    content: attr(data-heading) / "";
    left: 0;
	top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 
		-1px 0 1px #c6bb9f, 
		0 1px 1px #c6bb9f, 
		5px 5px 10px rgba(0, 0, 0, 0.4),
		-5px -5px 10px rgba(0, 0, 0, 0.4);
		
}

h2 {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
	font-family: jarman, serif;
    position: relative;
	text-transform: uppercase;	
	font-size: calc(2svw + .5rem);
	margin: 0;
	font-weight: 400;
}

h2::after {
    background: none;
    content: attr(data-heading) / "";
    left: 0;
	top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 
		-1px 0 1px #c6bb9f, 
		0 1px 1px #c6bb9f, 
		5px 5px 10px rgba(0, 0, 0, 0.4),
		-5px -5px 10px rgba(0, 0, 0, 0.4);
}