@font-face {
   font-display: swap;
   font-family: "Roboto Condensed";
   font-weight: 300;
   src: url('../fonts/Roboto-Condensed-Light.woff2') format('woff2'), url('../fonts/Roboto-Condensed-Light.woff') format('woff');
}
@font-face {
   font-display: swap;
   font-family: "Roboto Condensed";
   src: url('../fonts/Roboto-Condensed.woff2') format('woff2'), url('../fonts/Roboto-Condensed.woff') format('woff');
}
@font-face {
   font-display: swap;
   font-family: "Roboto";
   font-weight: 300;
   src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
}
@font-face {
   font-display: swap;
   font-family: "Roboto Heavy";
   src: url('../fonts/Roboto-Heavy.woff2') format('woff2'), url('../fonts/Roboto-Heavy.woff') format('woff');
}
@keyframes animate-fade-in {
0% {
   opacity: 0;
}
100% {
   opacity: 1;
}
}
@keyframes animate-fade-in-down {
0% {
   opacity: 0;
   transform: translate(0px,-100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-left {
0% {
   opacity: 0;
   transform: translate(-100px,0px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-right {
0% {
   opacity: 0;
   transform: translate(100px,0px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-up {
0% {
   opacity: 0;
   transform: translate(0px,100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@keyframes slide-down-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(0px,-100%) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes slide-left-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(-100%,0px) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes slide-right-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(100%,0px) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes transform-roll-in {
0% {
   opacity: 0;
   transform: translate(-100%,0px) rotate(-120deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes transform-rotate-in {
0% {
   opacity: 0;
   transform-origin: center center;
   transform: rotate(-200deg);
}
100% {
   opacity: 1;
   transform-origin: center center;
   transform: rotate(0deg);
}
}
@keyframes transform-scale-in {
0% {
   opacity: 0;
   transform: rotate(0deg) scale(0,0);
}
100% {
   opacity: 1;
   transform: rotate(0deg) scale(1.0,1.0);
}
}
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;
}
.initially-hidden {
   background-color: transparent;
   opacity: 0;
   text-decoration: none;
}