@keyframes animate-fade-in {
0% {
   opacity: 0;
}
100% {
   opacity: 1;
}
}
a.DTK {
   color: #3F4858;
   text-decoration: underline;
}
a.DTK:visited {
   color: #3F4858;
   text-decoration: underline;
}
a.DTK:active {
   color: #0DB02B;
   text-decoration: underline;
}
a.DTK:hover {
   color: #0DB02B;
   text-decoration: underline;
}
h1,
.h1 {
   --color: #3F4858;
   background-color: transparent;
   color: #3F4858;
   display: inline-block;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   --color: #3F4858;
   background-color: transparent;
   color: #3F4858;
   display: inline-block;
   font-family: Arial;
   font-size: 21px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   --color: #3F4858;
   background-color: transparent;
   color: #3F4858;
   display: inline-block;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   display: inline-block;
   font-family: Arial;
   font-size: 21px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.darktheme h2,
.darktheme .h2 {
   --color: #F5F5F5;
   color: #F5F5F5;
}