:root {
   --kl-color-1: #F928FF;
   --kl-color-2: #AF91E5;
   --kl-color-3: #00FFFF;
   --kl-bg-color: #2B2B2B;
   --kl-bg-color-2: #222222BF;
   --kl-text-color-dark: #2B2B2B;
   --kl-text-color-light: #FFFFFF;
   --kl-color-gradient: linear-gradient(90deg, #DD9BFC 0%, #BCDAFF 100%);
   --kl-body-bg-color: var(--kl-color-gradient);

   --kl-border-radius: 16px;
}
*
{
   font-family: Outfit;
}
ul.flat {
   display: flex;
   justify-content: center;
   gap: 24px;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
ul.flat > li > a {
   display: block;
}
.full-window-text
{
   color: var(--kl-text-color-dark);
   display: flex;
   justify-content: center;
   align-items: center;
   text-transform: uppercase;
}
@keyframes loader-state-rotation {
   100% {
     transform: rotate(360deg);
   }
}