@font-face{font-family:IranSans;src:url(./fonts/IranSans.woff2) format("woff2"),url(./fonts/IranSans.tff) format("tff")}body{margin:0;width:100%;height:100vh;overflow:hidden;scroll-behavior:smooth;background-color:#000;font-family:IranSans}body.load #loading{display:none}body.load #app{opacity:1}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;list-style-type:none}#app{width:100vw;height:100vh;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;opacity:0;transition:opacity 1s linear}#app::-webkit-scrollbar{display:none}header{position:fixed;width:100%;padding:10px 20px;z-index:1;background-color:#00000050}nav{display:flex;justify-content:space-between;align-items:center}nav .hamburger{width:2rem;display:flex;flex-direction:column;gap:5px;cursor:pointer}nav .hamburger span{height:4px;width:100%;border-radius:15px;background-color:#fff}nav .logo{width:90px}nav .logo img{width:100%}#container{position:relative;height:100vh}#container .mainBg{position:absolute;min-width:100%;width:auto;height:100%;top:0;left:0;bottom:0;right:0}#container .mainBg .cls-1{opacity:0;fill:transparent;stroke:#ffffff80;stroke-width:3px;filter:blur(2px)}footer{position:fixed;bottom:10px;left:0;width:100%;text-align:center}footer .scroll-ui{opacity:1;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden;transition:opacity .3s linear;-webkit-mask-image:linear-gradient(-75deg,hsla(0,0%,59%,.9) 20%,hsla(0,0%,100%,.3) 50%,hsla(0,0%,59%,.9) 80%);mask-image:linear-gradient(-75deg,#969696e6 20%,#ffffff4d,#969696e6 80%);-webkit-mask-size:200%;mask-size:200%;animation:shine 4s infinite}footer .scroll-ui .shine{direction:rtl}footer .scroll-ui .shine span{padding-bottom:2px;display:none}#loading{position:fixed;z-index:10;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center}#loading div{width:150px;-webkit-mask-image:linear-gradient(-75deg,hsla(0,0%,59%,.9) 20%,hsla(0,0%,100%,.3) 50%,hsla(0,0%,59%,.9) 80%);mask-image:linear-gradient(-75deg,#969696e6 20%,#ffffff4d,#969696e6 80%);-webkit-mask-size:200%;mask-size:200%;animation:shine 6s infinite}#loading div img{width:100%}#panel{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:20;background-color:#fff;opacity:0;pointer-events:none}.panelContainer{position:absolute;width:100%;height:100%;translate:-120vw 0;top:0;background-image:url(./menu-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.panelContainer .closeMenu{position:absolute;z-index:1;top:2rem;left:2rem;cursor:pointer}.panelContainer .closeMenu:hover{fill:#fff}.panelContainer>ul{position:relative;width:90vw;max-width:1024px;direction:rtl;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;background:#ffffff80;padding:80px 20px;border-radius:15px;margin:0}.panelContainer>ul a{display:flex;text-decoration:none;color:#33373d;font-size:30px;padding:.5rem 1rem}.panelContainer ul a:hover{color:#fff;background-color:#33373d}.panelContainer>ul>li:first-child a{color:#fff;background-color:#33373d}.panelContainer .submenuToggler{margin-right:1rem}.panelContainer .submenu{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.panelContainer .parentMenu.open .submenuToggler{rotate:180deg}@keyframes shine{0%{-webkit-mask-position:150%;mask-position:150%}to{-webkit-mask-position:-50%;mask-position:-50%}}@media (min-width: 1024px){.panelContainer .closeMenu{top:4rem;left:6rem}footer .scroll-ui svg{width:30px;height:30px}}