@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Changa:wght@400;700&family=Noto+Kufi+Arabic:wght@400;700&family=Tajawal:wght@400;700&display=swap);:root{--main-text-color:#fff;--sub-text-color:#818181;--cairo:"Cairo",sans-serif;--black:#1f1f1f;--light-black:#2c2c2c;--changa:"Changa",sans-serif;--noto:"Noto Kufi Arabic",sans-serif;--tajwal:"Tajawal",sans-serif;--card-gradiant:linear-gradient(28deg,#f6f6fe,#dde2f8);direction:rtl;--link:#00c8ff}.card{border-radius:5px;background:var(--light-black);padding:10px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:90%;margin:0 auto 20px auto}body{background:var(--black);max-width:800px;margin:0 auto 0 auto;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--main-text-color)}html{border-top:10px solid #ff9e33;margin:0;height:100%;width:100%}hr[data-v-661f2cf7]{border:none;border-top:3px solid #ff9e33;width:60%}.element[data-v-661f2cf7]{padding-top:20px;padding-bottom:20px;width:100%;margin:0 auto 0 auto;display:flex;align-items:center;justify-content:center}.flex-element-right[data-v-661f2cf7]{flex:1}.flex-element-left[data-v-661f2cf7]{flex:3;text-align:right;font-family:var(--tajwal)}.element-text[data-v-661f2cf7],.image-title[data-v-661f2cf7]{font-size:16px;margin:0 0 0 0;font-family:var(--tajwal)}.image-title[data-v-661f2cf7]{color:var(--sub-text-color)}ion-icon[data-v-661f2cf7]{font-size:40px}.sub-text[data-v-661f2cf7]{font-family:var(--tajwal);color:var(--sub-text-color)}.link[data-v-661f2cf7]{text-decoration:none;color:var(--link);font-size:16px;margin-top:10px;display:block}.link-subtitle[data-v-661f2cf7]{font-size:14px}.subtitle[data-v-661f2cf7]{margin:0 0 0 0;font-family:var(--cairo)}.dark[data-v-661f2cf7]{color:var(--sub-text-color)}.orange[data-v-661f2cf7]{color:#ff9e33}h1[data-v-661f2cf7]{font-family:var(--cairo);font-weight:400;margin:20px 0 0 0;font-size:20px}h2[data-v-661f2cf7]{color:var(--sub-text-color);font-family:var(--cairo);font-size:18px}.text[data-v-661f2cf7]{font-family:var(--tajwal);font-weight:400;width:80%;margin:0 auto 0 auto}img[data-v-661f2cf7]{width:50%;margin-top:20px}.gpio[data-v-661f2cf7]{width:90%;margin:0 auto 20px auto;border-radius:5px}.code[data-v-661f2cf7]{width:80%;margin:0 auto 0 auto;border:1px solid var(--sub-text-color);padding:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.info-text[data-v-661f2cf7]{display:inline-block;margin:5px;font-family:var(--tajwal);color:#fff;font-size:12px}.logo-container[data-v-661f2cf7]{background:#f4f4f4}.logo[data-v-661f2cf7]{margin:0 0 0 0;width:40px}.divider[data-v-661f2cf7]{border:none;border-top:1px solid var(--light-black);width:100%}.card-invisible[data-v-661f2cf7]{border-radius:5px;padding:10px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:90%;margin:0 auto 20px auto}.btn2[data-v-661f2cf7],.btn[data-v-661f2cf7]{width:300px;height:100px;font-size:30px;text-align:center;line-height:100px;color:hsla(0,0%,100%,.9);border-radius:50px;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;animation:anime-661f2cf7 16s linear infinite}.btn2[data-v-661f2cf7]{position:absolute;margin-top:-70px;z-index:-1;filter:blur(30px);opacity:.8}@keyframes anime-661f2cf7{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-animated[data-v-661f2cf7]{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient-661f2cf7 5s ease infinite;border:none;font-family:Cairo;padding:10px;font-size:20px;width:80%;display:block;margin:0 auto 0 auto;color:#fff;border-radius:5px;cursor:pointer;text-decoration:none}.btn-animated[data-v-661f2cf7]:active{background:#fff;color:#000}@keyframes gradient-661f2cf7{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}hr[data-v-b45b5f82]{border:none;border-top:3px solid #ff9e33;width:60%}.element[data-v-b45b5f82]{padding-top:20px;padding-bottom:20px;width:100%;margin:0 auto 0 auto;display:flex;align-items:center;justify-content:center}.input-container[data-v-b45b5f82]{margin-top:100px}.button[data-v-b45b5f82]{display:block;width:80%;border:none;border-radius:5px;background:#fff;color:#000;font-family:Cairo;font-size:20px;margin:30px auto 100px auto;padding:5px;text-align:center;outline:none}.button[data-v-b45b5f82]:active{background:#000;color:#fff}.thank-you-container[data-v-b45b5f82]{margin-top:150px}.input[data-v-b45b5f82]{outline:none;color:#fff;display:block;width:80%;border:none;border-radius:5px;background:#000;font-family:Cairo;font-size:20px;margin:10px auto 10px auto;padding:5px;text-align:center}.flex-element-right[data-v-b45b5f82]{flex:1}.flex-element-left[data-v-b45b5f82]{flex:3;text-align:right;font-family:var(--tajwal)}.element-text[data-v-b45b5f82],.image-title[data-v-b45b5f82]{font-size:16px;margin:0 0 0 0;font-family:var(--tajwal)}.image-title[data-v-b45b5f82]{color:var(--sub-text-color)}ion-icon[data-v-b45b5f82]{font-size:40px}.sub-text[data-v-b45b5f82]{font-family:var(--tajwal);color:var(--sub-text-color)}.link[data-v-b45b5f82]{text-decoration:none;color:var(--link);font-size:16px;margin-top:10px;display:block;font-family:Cairo}.link-subtitle[data-v-b45b5f82]{font-size:14px}.subtitle[data-v-b45b5f82]{margin:0 0 0 0;font-family:var(--cairo)}.dark[data-v-b45b5f82]{color:var(--sub-text-color)}.orange[data-v-b45b5f82]{color:#ff9e33}h1[data-v-b45b5f82]{font-family:var(--cairo);font-weight:400;margin:20px 0 0 0;font-size:20px}h2[data-v-b45b5f82]{color:var(--sub-text-color);font-family:var(--cairo);font-size:18px}.text[data-v-b45b5f82]{font-family:var(--tajwal);font-weight:400;width:80%;margin:0 auto 0 auto}img[data-v-b45b5f82]{width:50%;margin-top:20px}.gpio[data-v-b45b5f82]{width:90%;margin:0 auto 20px auto;border-radius:5px}.code[data-v-b45b5f82]{width:80%;margin:0 auto 0 auto;border:1px solid var(--sub-text-color);padding:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.thank-you[data-v-b45b5f82]{font-family:Cairo;font-size:20px;text-align:center;color:#fff}.info-text[data-v-b45b5f82]{display:inline-block;margin:5px;font-family:var(--tajwal);color:#fff;font-size:12px}.logo-container[data-v-b45b5f82]{margin-top:50px;margin-bottom:20px}.logo[data-v-b45b5f82]{margin:0 0 0 0;width:40px}.divider[data-v-b45b5f82]{border:none;border-top:1px solid var(--light-black);width:100%}.card-invisible[data-v-b45b5f82]{border-radius:5px;padding:10px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:90%;margin:0 auto 20px auto}hr[data-v-0d22049a]{border:none;border-top:3px solid #ff9e33;width:60%}.teacher-element[data-v-0d22049a]{border:1px solid #292929;width:95%;margin:10px auto 0 auto;background:#000;border-radius:5px;font-family:Cairo}.element[data-v-0d22049a]{margin:0 0 0 0}.time[data-v-0d22049a]{text-align:right;margin-right:10px;color:#ff9e33;display:inline-block}.time-container[data-v-0d22049a]{text-align:right}.name[data-v-0d22049a]{color:#fff;text-align:center;margin-bottom:10px}.school[data-v-0d22049a]{text-align:left;margin-right:10px;color:#8b8b8b;display:inline-block}.input-container[data-v-0d22049a]{margin-top:100px}.button[data-v-0d22049a]{display:block;width:80%;border:none;border-radius:5px;background:#fff;color:#000;font-family:Cairo;font-size:20px;margin:30px auto 100px auto;padding:5px;text-align:center;outline:none}.button[data-v-0d22049a]:active{background:#000;color:#fff}.thank-you-container[data-v-0d22049a]{margin-top:150px}.input[data-v-0d22049a]{outline:none;color:#fff;display:block;width:80%;border:none;border-radius:5px;background:#000;font-family:Cairo;font-size:20px;margin:10px auto 10px auto;padding:5px;text-align:center}.flex-element-right[data-v-0d22049a]{flex:1}.flex-element-left[data-v-0d22049a]{flex:3;text-align:right;font-family:var(--tajwal)}.element-text[data-v-0d22049a],.image-title[data-v-0d22049a]{font-size:16px;margin:0 0 0 0;font-family:var(--tajwal)}.image-title[data-v-0d22049a]{color:var(--sub-text-color)}ion-icon[data-v-0d22049a]{font-size:40px}.sub-text[data-v-0d22049a]{font-family:var(--tajwal);color:var(--sub-text-color)}.link[data-v-0d22049a]{text-decoration:none;color:var(--link);font-size:16px;margin-top:10px;display:block;font-family:Cairo}.link-subtitle[data-v-0d22049a]{font-size:14px}.subtitle[data-v-0d22049a]{margin:0 0 0 0;font-family:var(--cairo)}.dark[data-v-0d22049a]{color:var(--sub-text-color)}.orange[data-v-0d22049a]{color:#ff9e33}h1[data-v-0d22049a]{font-family:var(--cairo);font-weight:400;margin:20px 0 0 0;font-size:20px}h2[data-v-0d22049a]{color:var(--sub-text-color);font-family:var(--cairo);font-size:18px}.text[data-v-0d22049a]{font-family:var(--tajwal);font-weight:400;width:80%;margin:0 auto 0 auto}img[data-v-0d22049a]{width:50%;margin-top:20px}.gpio[data-v-0d22049a]{width:90%;margin:0 auto 20px auto;border-radius:5px}.code[data-v-0d22049a]{width:80%;margin:0 auto 0 auto;border:1px solid var(--sub-text-color);padding:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.thank-you[data-v-0d22049a]{font-family:Cairo;font-size:20px;text-align:center;color:#fff}.info-text[data-v-0d22049a]{display:inline-block;margin:5px;font-family:var(--tajwal);color:#fff;font-size:12px}.logo-container[data-v-0d22049a]{background:#f4f4f4;margin-top:50px;margin-bottom:20px}.logo[data-v-0d22049a]{margin:0 0 0 0;width:40px}.divider[data-v-0d22049a]{border:none;border-top:1px solid var(--light-black);width:100%}.card-invisible[data-v-0d22049a]{border-radius:5px;padding:10px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:90%;margin:0 auto 20px auto}