@font-face {
   font-display: swap;
   font-family: "Bahnschrift";
   src: url('bahnschrift.ttf') format('truetype');
}
@keyframes animate-background {
0% {
   background-color: #000000;
}
100% {
   background-color: #FFFFFF;
}
}
@keyframes animate-fade-in {
0% {
   opacity: 0;
}
100% {
   opacity: 1;
}
}
@keyframes animate-flash {
0% {
   opacity: 1;
}
25% {
   opacity: 0;
}
50% {
   opacity: 1;
}
75% {
   opacity: 0;
}
100% {
   opacity: 1;
}
}
@keyframes flip-in {
0% {
   opacity: 0;
   transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);
}
50% {
   opacity: 1;
   transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0);
}
100% {
   transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0);
}
}
@keyframes focus-in {
0% {
   filter: blur(20px);
   opacity: 0.0;
}
100% {
   filter: blur(0);
   opacity: 1.0;
}
}
@keyframes swoop-in {
0% {
   opacity: 0;
   transform: translate(-400px,0px) rotate(0deg) scale(1.5,1);
}
40% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg) scale(1.2,1.0);
}
60% {
   transform: translate(20px,0px) rotate(0deg) scale(1.0,1.0);
}
100% {
   transform: translate(0px,0px) rotate(0deg) scale(1,1);
}
}
h1,
.h1 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h4,
.h4 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h5,
.h5 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h6,
.h6 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.CustomStyle {
   --color: #2E74B5;
   background-color: transparent;
   color: #2E74B5;
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
