@import url('/Content/font/fontiran.css');



@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}
:root {
    --babackground: rgb(11, 30, 46);
    --border-dynamic: rgba(0, 188, 212, .625);
    --bg-glow-border: linear-gradient(45deg, #46b9b5, #0097A7);
    --link-color: #495057;
    --tg-element-bg: rgba(77, 208, 225, .25);
}
body {
    background: var(--babackground);
    font-family: iransansdn;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.GlassBox{
    /* From https://css.glass */
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
color:white;
}

.GlassBox-light{
/* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border: 1px solid rgba(29, 28, 28, 0.3);
}

.background span {
    z-index: -10 !important;
    width: 1vmin;
    height: 1vmin;
    border-radius: 1vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 1;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #9bcf53;
    top: 19%;
    left: 57%;
    animation-duration: 238s;
    animation-delay: -68s;
    transform-origin: 21vw 15vh;
    box-shadow: -2vmin 0 0.4100236924366545vmin currentColor;
}
.background span:nth-child(1) {
    color: #008dda;
    top: 53%;
    left: 21%;
    animation-duration: 473s;
    animation-delay: -403s;
    transform-origin: -24vw 13vh;
    box-shadow: 2vmin 0 0.702762448479785vmin currentColor;
}
.background span:nth-child(2) {
    color: #008dda;
    top: 13%;
    left: 85%;
    animation-duration: 140s;
    animation-delay: -315s;
    transform-origin: -14vw 12vh;
    box-shadow: 2vmin 0 0.330476953703138vmin currentColor;
}
.background span:nth-child(3) {
    color: #fff67e;
    top: 52%;
    left: 73%;
    animation-duration: 432s;
    animation-delay: -156s;
    transform-origin: 22vw 11vh;
    box-shadow: 2vmin 0 0.5081707362911951vmin currentColor;
}
.background span:nth-child(4) {
    color: #9bcf53;
    top: 69%;
    left: 8%;
    animation-duration: 238s;
    animation-delay: -184s;
    transform-origin: 19vw 16vh;
    box-shadow: 2vmin 0 0.28750397039112974vmin currentColor;
}
.background span:nth-child(5) {
    color: #9bcf53;
    top: 6%;
    left: 79%;
    animation-duration: 101s;
    animation-delay: -469s;
    transform-origin: -2vw 4vh;
    box-shadow: -2vmin 0 1.0405454830393304vmin currentColor;
}
.background span:nth-child(6) {
    color: #fff67e;
    top: 15%;
    left: 90%;
    animation-duration: 78s;
    animation-delay: -81s;
    transform-origin: -1vw -20vh;
    box-shadow: 2vmin 0 0.9786468563619481vmin currentColor;
}
.background span:nth-child(7) {
    color: #fff67e;
    top: 68%;
    left: 27%;
    animation-duration: 227s;
    animation-delay: -214s;
    transform-origin: 9vw 18vh;
    box-shadow: 2vmin 0 0.7005776183529306vmin currentColor;
}
.background span:nth-child(8) {
    color: #008dda;
    top: 17%;
    left: 52%;
    animation-duration: 253s;
    animation-delay: -229s;
    transform-origin: -23vw 9vh;
    box-shadow: 2vmin 0 0.3382604989545497vmin currentColor;
}
.background span:nth-child(9) {
    color: #008dda;
    top: 84%;
    left: 10%;
    animation-duration: 152s;
    animation-delay: -302s;
    transform-origin: 12vw -2vh;
    box-shadow: -2vmin 0 0.7878934451318347vmin currentColor;
}
.background span:nth-child(10) {
    color: #9bcf53;
    top: 86%;
    left: 26%;
    animation-duration: 314s;
    animation-delay: -173s;
    transform-origin: -5vw -3vh;
    box-shadow: 2vmin 0 1.2427074833630525vmin currentColor;
}
.background span:nth-child(11) {
    color: #008dda;
    top: 16%;
    left: 23%;
    animation-duration: 433s;
    animation-delay: -99s;
    transform-origin: 1vw 21vh;
    box-shadow: -2vmin 0 0.46335617499081994vmin currentColor;
}
.background span:nth-child(12) {
    color: #9bcf53;
    top: 44%;
    left: 63%;
    animation-duration: 18s;
    animation-delay: -80s;
    transform-origin: 8vw 10vh;
    box-shadow: 2vmin 0 0.2729181138288852vmin currentColor;
}
.background span:nth-child(13) {
    color: #008dda;
    top: 50%;
    left: 66%;
    animation-duration: 473s;
    animation-delay: -265s;
    transform-origin: -9vw 8vh;
    box-shadow: 2vmin 0 0.46608886225545887vmin currentColor;
}
.background span:nth-child(14) {
    color: #008dda;
    top: 14%;
    left: 77%;
    animation-duration: 133s;
    animation-delay: -446s;
    transform-origin: 0vw 20vh;
    box-shadow: -2vmin 0 0.563419676752059vmin currentColor;
}
.background span:nth-child(15) {
    color: #9bcf53;
    top: 27%;
    left: 24%;
    animation-duration: 34s;
    animation-delay: -239s;
    transform-origin: -14vw -10vh;
    box-shadow: 2vmin 0 0.4939476613243694vmin currentColor;
}
.background span:nth-child(16) {
    color: #008dda;
    top: 1%;
    left: 43%;
    animation-duration: 192s;
    animation-delay: -309s;
    transform-origin: 12vw -8vh;
    box-shadow: -2vmin 0 0.9214475466148315vmin currentColor;
}
.background span:nth-child(17) {
    color: #9bcf53;
    top: 47%;
    left: 37%;
    animation-duration: 79s;
    animation-delay: -450s;
    transform-origin: -18vw -7vh;
    box-shadow: 2vmin 0 0.4692969622332459vmin currentColor;
}
.background span:nth-child(18) {
    color: #9bcf53;
    top: 44%;
    left: 33%;
    animation-duration: 469s;
    animation-delay: -374s;
    transform-origin: -23vw 20vh;
    box-shadow: 2vmin 0 0.9543333493689214vmin currentColor;
}
.background span:nth-child(19) {
    color: #9bcf53;
    top: 79%;
    left: 4%;
    animation-duration: 94s;
    animation-delay: -281s;
    transform-origin: -1vw 17vh;
    box-shadow: -2vmin 0 0.822176482326038vmin currentColor;
}
.background span:nth-child(20) {
    color: #fff67e;
    top: 18%;
    left: 16%;
    animation-duration: 429s;
    animation-delay: -29s;
    transform-origin: 4vw 17vh;
    box-shadow: 2vmin 0 1.1625694836563576vmin currentColor;
}
.background span:nth-child(21) {
    color: #fff67e;
    top: 51%;
    left: 56%;
    animation-duration: 449s;
    animation-delay: -164s;
    transform-origin: 10vw 11vh;
    box-shadow: 2vmin 0 0.8888499406548838vmin currentColor;
}
.background span:nth-child(22) {
    color: #008dda;
    top: 70%;
    left: 59%;
    animation-duration: 354s;
    animation-delay: -139s;
    transform-origin: 22vw -20vh;
    box-shadow: -2vmin 0 0.7391120842300412vmin currentColor;
}
.background span:nth-child(23) {
    color: #fff67e;
    top: 91%;
    left: 79%;
    animation-duration: 370s;
    animation-delay: -484s;
    transform-origin: 4vw -5vh;
    box-shadow: 2vmin 0 0.7701474980146417vmin currentColor;
}
.background span:nth-child(24) {
    color: #9bcf53;
    top: 97%;
    left: 20%;
    animation-duration: 130s;
    animation-delay: -114s;
    transform-origin: -11vw 4vh;
    box-shadow: 2vmin 0 0.9084897500586093vmin currentColor;
}
.background span:nth-child(25) {
    color: #008dda;
    top: 83%;
    left: 63%;
    animation-duration: 438s;
    animation-delay: -264s;
    transform-origin: -16vw 20vh;
    box-shadow: -2vmin 0 1.0330660376625047vmin currentColor;
}
.background span:nth-child(26) {
    color: #008dda;
    top: 55%;
    left: 81%;
    animation-duration: 223s;
    animation-delay: -267s;
    transform-origin: 14vw 15vh;
    box-shadow: -2vmin 0 0.31731177797748433vmin currentColor;
}
.background span:nth-child(27) {
    color: #008dda;
    top: 53%;
    left: 68%;
    animation-duration: 255s;
    animation-delay: -253s;
    transform-origin: 11vw 0vh;
    box-shadow: 2vmin 0 0.6570344722259882vmin currentColor;
}
.background span:nth-child(28) {
    color: #008dda;
    top: 18%;
    left: 86%;
    animation-duration: 483s;
    animation-delay: -394s;
    transform-origin: 10vw 22vh;
    box-shadow: -2vmin 0 0.9262748869519013vmin currentColor;
}
.background span:nth-child(29) {
    color: #9bcf53;
    top: 22%;
    left: 92%;
    animation-duration: 153s;
    animation-delay: -315s;
    transform-origin: -22vw -19vh;
    box-shadow: -2vmin 0 1.1918064231112129vmin currentColor;
}
.background span:nth-child(30) {
    color: #9bcf53;
    top: 81%;
    left: 15%;
    animation-duration: 111s;
    animation-delay: -23s;
    transform-origin: 5vw 0vh;
    box-shadow: -2vmin 0 0.7475621206062801vmin currentColor;
}
.background span:nth-child(31) {
    color: #fff67e;
    top: 94%;
    left: 42%;
    animation-duration: 33s;
    animation-delay: -453s;
    transform-origin: -8vw 6vh;
    box-shadow: -2vmin 0 0.5082439826508811vmin currentColor;
}
.background span:nth-child(32) {
    color: #fff67e;
    top: 54%;
    left: 69%;
    animation-duration: 302s;
    animation-delay: -433s;
    transform-origin: 16vw 5vh;
    box-shadow: -2vmin 0 0.5730712434816012vmin currentColor;
}
.background span:nth-child(33) {
    color: #fff67e;
    top: 46%;
    left: 41%;
    animation-duration: 387s;
    animation-delay: -293s;
    transform-origin: 14vw 6vh;
    box-shadow: 2vmin 0 0.6158924104580483vmin currentColor;
}
.background span:nth-child(34) {
    color: #9bcf53;
    top: 2%;
    left: 88%;
    animation-duration: 312s;
    animation-delay: -62s;
    transform-origin: 0vw 24vh;
    box-shadow: 2vmin 0 0.7307004858654902vmin currentColor;
}
.background span:nth-child(35) {
    color: #fff67e;
    top: 85%;
    left: 34%;
    animation-duration: 322s;
    animation-delay: -253s;
    transform-origin: 4vw -8vh;
    box-shadow: 2vmin 0 0.8322227378300628vmin currentColor;
}
.background span:nth-child(36) {
    color: #fff67e;
    top: 39%;
    left: 18%;
    animation-duration: 492s;
    animation-delay: -82s;
    transform-origin: -13vw -12vh;
    box-shadow: -2vmin 0 0.6363602995076476vmin currentColor;
}
.background span:nth-child(37) {
    color: #008dda;
    top: 61%;
    left: 37%;
    animation-duration: 239s;
    animation-delay: -300s;
    transform-origin: 7vw -13vh;
    box-shadow: 2vmin 0 1.0330705945546572vmin currentColor;
}
.background span:nth-child(38) {
    color: #fff67e;
    top: 23%;
    left: 57%;
    animation-duration: 300s;
    animation-delay: -427s;
    transform-origin: -5vw 5vh;
    box-shadow: 2vmin 0 0.6908171837366959vmin currentColor;
}
.background span:nth-child(39) {
    color: #fff67e;
    top: 6%;
    left: 83%;
    animation-duration: 11s;
    animation-delay: -218s;
    transform-origin: -14vw -22vh;
    box-shadow: -2vmin 0 0.3041880394214529vmin currentColor;
}
.background span:nth-child(40) {
    color: #008dda;
    top: 44%;
    left: 2%;
    animation-duration: 139s;
    animation-delay: -417s;
    transform-origin: 0vw -17vh;
    box-shadow: 2vmin 0 0.5769171781172286vmin currentColor;
}
.background span:nth-child(41) {
    color: #9bcf53;
    top: 88%;
    left: 21%;
    animation-duration: 80s;
    animation-delay: -463s;
    transform-origin: -23vw -14vh;
    box-shadow: 2vmin 0 1.1302341068272048vmin currentColor;
}
.background span:nth-child(42) {
    color: #fff67e;
    top: 11%;
    left: 1%;
    animation-duration: 482s;
    animation-delay: -42s;
    transform-origin: -3vw 15vh;
    box-shadow: 2vmin 0 0.5488091613655277vmin currentColor;
}
.background span:nth-child(43) {
    color: #008dda;
    top: 49%;
    left: 22%;
    animation-duration: 463s;
    animation-delay: -169s;
    transform-origin: -23vw -9vh;
    box-shadow: 2vmin 0 0.7304003471846503vmin currentColor;
}
.background span:nth-child(44) {
    color: #fff67e;
    top: 100%;
    left: 18%;
    animation-duration: 323s;
    animation-delay: -373s;
    transform-origin: -19vw -23vh;
    box-shadow: -2vmin 0 0.773131433217785vmin currentColor;
}
.background span:nth-child(45) {
    color: #fff67e;
    top: 33%;
    left: 89%;
    animation-duration: 333s;
    animation-delay: -220s;
    transform-origin: 5vw 22vh;
    box-shadow: 2vmin 0 0.25995796400293214vmin currentColor;
}
.background span:nth-child(46) {
    color: #008dda;
    top: 39%;
    left: 26%;
    animation-duration: 80s;
    animation-delay: -94s;
    transform-origin: 20vw -8vh;
    box-shadow: 2vmin 0 1.1549307488286569vmin currentColor;
}
.background span:nth-child(47) {
    color: #fff67e;
    top: 95%;
    left: 64%;
    animation-duration: 443s;
    animation-delay: -399s;
    transform-origin: 15vw -24vh;
    box-shadow: 2vmin 0 0.9559836970346534vmin currentColor;
}
.background span:nth-child(48) {
    color: #fff67e;
    top: 12%;
    left: 57%;
    animation-duration: 40s;
    animation-delay: -267s;
    transform-origin: 8vw -5vh;
    box-shadow: 2vmin 0 0.3111474263984746vmin currentColor;
}
.background span:nth-child(49) {
    color: #fff67e;
    top: 38%;
    left: 70%;
    animation-duration: 430s;
    animation-delay: -345s;
    transform-origin: -15vw 6vh;
    box-shadow: 2vmin 0 ;
}