@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("Inter-Bold.woff2?v=3.12") format("woff2"),
       url("Inter-Bold.woff?v=3.12") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("Inter-Regular.woff2?v=3.12") format("woff2"),
       url("Inter-Regular.woff?v=3.12") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("Inter-Medium.woff2?v=3.12") format("woff2"),
       url("Inter-Medium.woff?v=3.12") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("Inter-Light.woff2?v=3.12") format("woff2"),
       url("Inter-Light.woff?v=3.12") format("woff");
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/*@media only screen and (max-width: 768px) {
	h1 {
		font-weight: 300;
	}
}*/

/*@media only screen and (min-width: 769px) {
	h1 {
		font-weight: 700;
		animation-name: fontcolor;
		animation-duration: 20s;
		animation-iteration-count: infinite;
	}
}*/

/*@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) 
only screen and (max-device-width: 768px) {
    body { font-size: 200%; }
}*/

body {
	color: #333333E6;
	background-color: #FFFFFF;
	animation-name: bgcolor;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	text-align: center;
	font-family: 'Inter';
	font-weight: 300;
/*	animation-name: fontcolor;
	animation-duration: 20s;
	animation-iteration-count: infinite;*/
}

h1 {
	font-size: 2em;
	line-height: 1.3em;
	font-weight: 700;
}

h2 {
	margin-top: -0.5em;
	margin-bottom: 1.5em;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.45em;
		/*animation-name: fontcolor;
		animation-duration: 20s;
		animation-iteration-count: infinite;*/
}

a {
	margin-top: 2em;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 700;
/*	color: #5E5E68;*/
	color: #333333E6;
	text-decoration: none;
		/*animation-name: fontcolor;
		animation-duration: 20s;
		animation-iteration-count: infinite;*/
}

p {
	margin-top: 1em;
	font-size: 1em;
	line-height: 1.25em;
		/*animation-name: fontcolor;
		animation-duration: 20s;
		animation-iteration-count: infinite;*/
}

.special {
	margin-bottom: 2em;
}

img {
	height: 10em;
	width: 10em;
	border-radius: 50%;
	margin-top: 2.5em;
	margin-bottom: 0em;
}

@keyframes bgcolor {
  0%   {background-color: #FFFFFF;}
  50%  {background-color: #DBD9D9;}
/*  50%  {background-color: #5E5E68;}*/
  100% {background-color: #FFFFFF;}
}

/*@keyframes fontcolor {
  0%   {color: #5E5E68;}
  25%  {color: #5E5E68;}
  50%  {color: #FFFFFF;}
  100% {color: #5E5E68;}
}*/