@font-face{font-family:Vazir;src:url(/fonts/Vazir.eot);src:url(/fonts/Vazir.eot?#iefix) format("Vazir-opentype"),url(/fonts/Vazir.woff) format("woff"),url(/fonts/Vazir.ttf) format("truetype");font-weight:400;font-style:normal}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Vazir!important;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}hr{margin-bottom:5px}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none;hanging-punctuation:first allow-end last}body{min-height:100dvh;display:flex;flex-direction:row;background-color:#fffde7}#root{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100%}.container{display:flex;max-width:1120px;min-height:600px;width:90%;height:100%;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}@keyframes section1{0%{width:0%}to{width:35%}}@keyframes section2{0%{width:100%}to{width:65%}}@keyframes logo{0%{opacity:0}to{opacity:1}}.section1{position:relative;height:100%;width:35%;background-image:url(/images/logo3.png);background-size:cover;border-right:3px solid #ccc;animation:section1 3s ease-in-out}.section1 .overlay{background-color:#00000008;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section1 .overlay img{width:170px;height:170px;opacity:0;animation:logo 2s ease-in-out 3s forwards}.section1 .overlay h1{width:100%;opacity:0;animation:logo 2s ease-in-out 4s forwards;text-align:center;font-size:34px}.section2{display:flex;flex-wrap:wrap;width:65%;align-items:flex-start;align-content:flex-start;height:100%;background-color:#ededed3d;scrollbar-color:#263238 rgba(237,237,237,.238);scrollbar-width:thin;animation:section2 3s ease-in-out;transition:1s all}.section2 .title{font-size:18px;height:10%;width:100%;text-align:center;padding:20px;background-color:#ffecb3}.section2 .apps{display:flex;flex-wrap:wrap;flex-direction:row;align-content:start;padding:20px 10px 10px;width:100%;height:90%;overflow-y:scroll;transition:all 1s}.section2 .apps .app{display:flex;justify-content:center;flex-wrap:wrap;width:24%;margin-left:1%;background-color:#fff8e1;min-height:95px;margin-bottom:10px;border-radius:5px;padding:5px;cursor:pointer;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px;transition:.4s all}.section2 .apps .app:hover{background-color:#fff59d;transform:scale(1.03)}.section2 .apps .app img{width:50px;height:50px}.section2 .apps .app .app_title{width:100%;text-align:center;font-size:13px;margin-top:5px}.section2 .artaphone{width:100%;height:90%;display:flex;align-items:center;justify-content:center;margin:0 auto}.section2 .artaphone .cart{display:flex;border-radius:10px;background-color:#fffce6;width:95%;box-shadow:#0e3f7e0f 0 0 0 1px,#2a334608 0 1px 1px -.5px,#2a33460a 0 2px 2px -1px,#2a33460a 0 3px 3px -1.5px,#2a334608 0 5px 5px -2.5px,#2a334608 0 10px 10px -5px,#2a334608 0 24px 24px -8px}.section2 .artaphone .cart .cart_title{width:40%}.section2 .artaphone img{width:100%;height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px;opacity:.8}.section2 .artaphone .cart .cart_body{padding:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:70%}.section2 .artaphone .cart .cart_body h3{text-align:center;font-size:17px;width:100%}.section2 .artaphone .cart .cart_body p{width:100%;font-size:14px;text-align:center}.section2 .artaphone a{text-decoration:none;background-color:#ff0;padding:10px 35px;border-radius:5px;font-size:14px;color:#000;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}@media(max-width:900px){.section1{display:none}.section2{width:100%;animation:none}.container{width:100%}.section2 .apps .app{width:32%}.section2 .title{font-size:14px}.section2 .apps{overflow-y:hidden}.section2 .apps .app img{width:40px;height:40px}.section2 .artaphone .cart{width:97%}.section2 .artaphone .cart .cart_body h3{font-size:14px}.section2 .artaphone .cart .cart_body p{font-size:13px}.section2 .artaphone .cart .cart_body a{font-size:12px}}