@font-face {
  font-family: w3;
  src:url('/components/icofont/fonts/icofont.ttf');
}

@font-face {
  font-family: jost;
  src:url('/cssjs/fonts/Jost-Regular.ttf');
}

@font-face {
  font-family: jost-bold;
  src:url('/cssjs/fonts/Jost-Bold.ttf');
}

@font-face {
  font-family: opensans;
  src:url('/cssjs/fonts/OpenSans-Regular.ttf');
}

@font-face
{
  font-family:inter;
  src:url("Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight:100 900;
  font-display: swap;
  font-style: normal;
}

@font-face
{
  font-family:ico;
  src:url("/cssjs/fonts/icofont.ttf") format("truetype");
  font-weight:100 900;
  font-display: swap;
  font-style: normal;
}

:root
{
  --blue:#4838c7;
  --color1:#4838c7;
  --color2:#3117f8;
  --dark:#181C25;
  --dark2:#2F3541;
  --dark3:#21242D;
  --black:#181C25;
  --skyblue:#99D7FF;
  --fadepink:#FF7373;
  --grey:#B0B4BB;
  --grey2:#dddee2;
  --grey3:#F6F7F8;
  --gold:#FFAD25;
  --green:#99FCAC;
  --darkgreen:#30cf57;
  --red:#FF444F;
  --bg:#1c212f;
  --bg2:#efefef;
  --darkgrey:#585d67;
  --grad:#4a6ed5;
  --text:white;
  --grad-color:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --lcolor:rgba(255,255,255,0.15);;

  --bg-white:white;

}


.jost
{
  font-family: jost;
}

.jost-bold
{
  font-family: jost-bold;
}



.ico
{
  font-family: w3;
}

[loading]
{
  position: relative;

  pointer-events: none;
  &::before
  {
    font-family: w3;
    content:"\eff5";
    height: 100%;
    display: inline-block;
    color:white;
    font-size:18px;
    height: fit-content;
    animation: wheel 2s infinite;
    
  }
  
}

@keyframes wheel
{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}