header {
	background-color: var(--hdr-bg-clr);
}

h1 {
	font-family: Arial;
	color: var(--txt-h1-clr);
}

h2 {
	font-family: Arial;
	color: var(--txt-h2-clr);
}

h3 {
	font-family: Arial;
  	color: var(--txt-h3-clr);
}

p {
	font-family: Arial;
}

#mntxt {
  	color: var(--txt-mn-clr);
}

/** -------- ANIMATIONS --------- **/

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	25% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 100% 50%;
	}
    75% {
		background-position: 50% 100%;
	}
    100% {
        background-position: 0% 50%;
    }
}

#button-1 {
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
  	text-align: center;
  	font-family: Arial;
  	font-weight: bold;
  	font-size: 14px;
}

#gradient-button-1 {
  	background-color: var(--btn-bg-clr);
  	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 135px;
  	height: 40px;
  	border-radius: 4px;
}

#gradient-border-button-1 {
  	background: linear-gradient(45deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  	background-size: 600% 200%;
  	animation: animatedgradient 4s ease alternate infinite;
  	position: relative;
  	width: 140px;
  	height: 45px;
  	padding: 2px;
  	border-radius: 6px;
 }

#footer ul {
  	list-style-type: none;
}

#footer ul li {
  	display: inline;
  	margin: 0 15px;
}

#ftrtxt {
	color: var(--txt-ft-clr);
	padding-top: 30px;
  	text-align: center;
}