:root{--max-width:1235px;--border-radius:5px;--bg-main:#fff;--bg-sub:#57bac9;--color-main:#000;--color-sub:#fff;--color-tint:#2f4f9e;--error:#e02b1c;--success:#40bc21;--warning:#f4ac5a;--bg-hover:#f5f7fa;--shadow:0 0 10px rgba(0,0,0,.3);--shadow-dark:0 0 10px rgba(0,0,0,.7)}*{box-sizing:border-box;padding:0;margin:0}body,html{scrollbar-color:var(--color-tint) #fff;font-size:12px;background-color:#ddd;direction:rtl;background-color:var(--bg-main)}body ul,html ul{list-style:none}.animated{transition:all .15s ease-in-out}.animated-button{transition:transform .15s ease-in-out}.animated-button:hover{transform:translateY(-5px)}a{text-decoration:none}button,input,textarea{font-family:var(--font-family);cursor:text;letter-spacing:-.3px}article,div,footer,header,main,nav,section{display:flex;flex-direction:column}main{width:100%;height:100%;max-width:var(--max-width);margin:0 auto;flex:1 1;flex-direction:row;gap:20px;min-height:calc(100vh - 117px)}main>section{flex:1 1;padding-top:20px}.click,.click *{cursor:pointer}nav::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6,p{transform:scaleY(1.05);letter-spacing:-.3px}iframe{border:none}@media(max-width:768px){body,html{font-size:4vw}.hide-on-mobile{display:none!important}main>section{padding-top:0}}@media(min-width:769px){.hide-on-desktop{display:none!important}}