@font-face {
    font-family: "ir";
    src: url("../fonts/IRANSans/eot/IRANSansWeb.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "ir-black";
    src: url("../fonts/IRANSans/eot/IRANSansWeb_Black.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb_Black.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb_Black.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "ir-bold";
    src: url("../fonts/IRANSans/eot/IRANSansWeb_Bold.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "ir-light";
    src: url("../fonts/IRANSans/eot/IRANSansWeb_Light.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "ir-medium";
    src: url("../fonts/IRANSans/eot/IRANSansWeb_Medium.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "ir-ulight";
    src: url("../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot") format("embedded-opentype"), url("../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf") format("truetype"), url("../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2") format("woff2");
    /* Modern Browsers */
}

body{
    font-family: 'ir';
}
/* HTML: <div class="loader"></div> */
.loading{
    height: 100vh;
    background-color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    width: 100vw;
    z-index: 100001;
    align-items: center;
}

.loader {
    height: 15px;
    aspect-ratio: 5;
    --_g:no-repeat radial-gradient(farthest-side, #05ea11 94%,#0000);
    background: var(--_g),var(--_g),var(--_g),var(--_g);
    background-size: 20% 100%;
    animation:
            l40-1 .75s infinite alternate,
            l40-2 1.5s infinite alternate;
}
@keyframes l40-1 {
    0%,
    10% {background-position: 0 0,0 0,0 0,0 0}
    33% {background-position: 0 0,calc(100%/3) 0,calc(100%/3) 0,calc(100%/3) 0}
    66% {background-position: 0 0,calc(100%/3) 0,calc(2*100%/3) 0,calc(2*100%/3) 0}
    90%,
    100% {background-position: 0 0,calc(100%/3) 0,calc(2*100%/3) 0,100% 0}
}
@keyframes l40-2 {
    0%,49.99% {transform: scale( 1)}
    50%,100%  {transform: scale(-1)}
}