@import url(https://fonts.googleapis.com/css2?family=Inter&family=Tajawal:wght@300;400&display=swap);body,html{background-image:linear-gradient(to bottom right,rgba(48,34,171,.8),rgba(193,100,177,.8));box-sizing:border-box;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;flex-direction:row;justify-content:center}a{color:inherit;text-decoration:none}.navbar{background-color:hsla(0,0%,100%,.1);display:flex;flex-direction:row;height:12vh;justify-content:space-between;width:100%}.small-logo{height:10vh;margin-left:2vw;margin-top:1vh;width:10vh}.logo-img{height:100%;width:100%}.profile-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:10vh;margin-right:2vw;margin-top:1vh;width:10vh}.profile-button:hover .dropdown-content{display:block}.profile-icon{display:flex;flex-direction:column;height:100%;padding-bottom:2vh}.profile-icon:hover .dropdown-content{display:block}.dropdown-content{background-color:#9f6ebf;border-radius:15px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;padding:1vh 2vh;width:10vh;z-index:1}.dropdown-button{background-color:transparent;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:larger;font-weight:700;margin-bottom:1vh;margin-top:1vh;width:100%}.dropdown-button:hover{color:#6e6e6e}.divider{border:.1vw solid #000}.form-container{align-items:center;display:flex;flex-direction:column;height:80vh;margin-top:12vh;min-height:750px;min-width:650px;width:40vw}.form-container .auth-logo{height:15%;margin-bottom:3vh;width:15%}.form-container .auth-logo .auth-logo-img{height:100%;width:100%}.form-container .eye{border:none;cursor:pointer;padding-left:1vw}.form-container .password-box{display:flex;justify-content:space-between;width:90%}.form-container .login-form{background-color:#fff;border:2px #000;border-radius:15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);height:45%;width:40%}.form-container .sign-buttons-cont{border-radius:5%;height:7vh;width:100%}.form-container .sign-buttons-cont h4{padding-left:1vw}.form-container .sign-buttons-cont #sign-button{border:none;font-family:Tajawal;font-size:17px;font-weight:700;height:100%;text-align:center;width:50%}.form-container .sign-buttons-cont .sign-up-button:hover{color:gray}.form-container .sign-up-button{background-color:#d3d3d3;border-radius:0 15px 0 0;cursor:pointer}.form-container .sign-in-button{background-color:#fff;border-radius:15px 10px 0 0}.form-container .login-container{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-evenly}.form-container .login-container .login-textBox{border:none;border-bottom:.1vw solid #aaa;outline:none;width:90%}.form-container .login-container ::-webkit-input-placeholder{color:#3022ab;font-family:Tajawal;font-size:15px}.form-container .login-container ::placeholder{color:#3022ab;font-family:Tajawal;font-size:15px}.form-container .login-container .login-btn{background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;height:5vh;width:90%}.form-container .login-container .forgot-password{color:#3022ab;cursor:pointer;font-family:Tajawal;font-size:15px}.form-container .divider-login{color:#fff;font-family:Tajawal;font-size:12px;width:40%}.form-container .divider-login hr{border:none;border-bottom:.1vw solid #aaa;width:100%}@media screen and (max-width:420px){.form-container{margin-top:3vh}}@media screen and (max-height:615px){.form-container{margin-top:3vh}.form-container .login-form{height:40%}}@media screen and (max-height:530px){.form-container .auth-logo{height:7%;width:7%}}.login-other-platforms{display:flex;flex-direction:row;justify-content:space-between;width:30%}.login-other-platforms #platform-button{background-color:transparent;border:none;cursor:pointer;height:5vh}.login-other-platforms #platform-button #socialmedia-img{height:100%;width:100%}.reset-btn{width:100%}.reset-btn,.reset2-btn{background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;height:5vh}.reset2-btn{width:90%}.reset-buttons-cont{border-radius:5%;height:2vh;width:100%}.reset-buttons-cont h4{font-family:Tajawal;font-size:17px;font-weight:700;text-align:center}.reset-form{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;width:90%}.reset-textBox{border:none;border-bottom:.1vw solid #aaa;margin-bottom:2vh;outline:none;width:90%}.message-after{font-family:Tajawal;margin-bottom:1vh;width:100%}.sign-in-button2{background-color:#d3d3d3;border-radius:15px 0 0 0;cursor:pointer}.sign-up-button2{background-color:#fff;border-radius:0 15px 0 0}.sign-in-button2:hover{color:gray}.password-box1{display:flex;justify-content:space-evenly;width:90%}.register-form{background-color:#fff;border:2px #000;border-radius:15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);height:65%;width:40%}.login-btn2{background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;height:5vh;margin-top:2vh;width:90%}@media screen and (max-height:630px){.register-form{height:50%}.login-btn2{margin-bottom:-2vh;padding:1vh}}.reg-textBox{border:none;border-bottom:.1vw solid #aaa;font-size:large;margin-top:-1vh;outline:none;width:90%}.reg-input{color:#3022ab;font-family:Tajawal;text-align:left;width:90%}.reset-textBox{font-size:large}.err{color:red;font-family:Tajawal;font-weight:700;margin-top:.5vh;text-align:center}.dashboard-container1{align-items:center;background:#fff;border:2px #000;border-radius:15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;font-family:Tajawal;height:80vh;margin-top:2%;padding:0;width:50vw}.dashboard-container1 .dashboard-title{font-size:3rem;margin-bottom:1.5rem;margin-top:2rem}@media screen and (max-width:620px){.dashboard-container1{min-width:330px;width:80vw}.dashboard-container1 .create-help-button-div{margin-left:2vh;width:100%}.dashboard-container1 .create-help-button-div #create-id{font-size:2rem}.dashboard-container1 .qn{width:80%}.dashboard-container1 .help-form{font-size:1rem;width:60vw}.dashboard-container1 .help-form .help-description,.dashboard-container1 .help-form .help-title1{font-size:.9rem;width:50vw}.dashboard-container1 .help-form #tags{font-size:.9rem;width:10vw}.dashboard-container1 .help-form #sandbox{font-size:.9rem;width:50vw}.dashboard-container1 #submit{width:10vh}}.create-help-button-div{display:flex;width:20vw}.main-helper-box{display:flex;justify-content:space-between;width:50vw}.helper{border-bottom:.1vw solid #aaa;width:75%}.helper,.qn{display:flex}.qn{align-items:center;flex-direction:column;font-family:monospace;font-size:large;justify-content:space-evenly;margin-top:1.3rem}.qn img{cursor:pointer;height:3rem;width:3rem}.create-cancel-btn{align-self:center;background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:large;font-weight:700;height:5vh;width:13.55vw}.create-cancel-btn:hover{background-color:#1c136f}.back-btn{background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:.8rem;height:2.2rem;margin-left:.1rem;min-height:35px;min-width:45px;padding:.9em;position:relative;width:5vw}.back-btn:hover{background-color:#852875}.tips-btn{background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:.8rem;height:2.2rem;margin-left:.1rem;min-height:35px;min-width:45px;padding:.9em;width:5vw}.help-request-input{color:#3022ab;margin-bottom:-.1vh}.help-request-input,.help-title1{font-family:Tajawal;font-weight:700}.help-title1{border:.1vw solid #aaa;color:#6e6e6e;font-size:large;height:4vh;width:35vw}.help-title2{font-size:large;width:10vw}.help-title2,.help-title3{border:.1vw solid #aaa;color:#6e6e6e;font-family:Tajawal;font-weight:700;height:4vh}.help-title3{width:15vw}.help-description{border:.1vw solid #aaa;color:#6e6e6e;float:left;font-family:Tajawal;font-size:large;font-weight:700;height:15vh;overflow:scroll;width:35vw}.help-description::-webkit-scrollbar{display:none}.h2title{text-align:center}.create-req-butt-cont{display:flex;justify-content:space-around;width:75%}.middle-section-cont{display:flex;height:80%;margin-top:1vh;width:75%}.help-form{align-items:center;display:flex;flex-direction:column;height:90%;overflow:hidden;width:100%}.readme-title{color:#6e6e6e;font-family:Tajawal;margin:0;text-align:center;width:100%}.rules-container{display:flex;flex-direction:row}.tags-display-box{align-items:flex-start;display:flex;height:5vh;justify-content:flex-end;margin-left:3vw;width:auto}.rules-list{color:#3022ab;display:flex;flex-direction:column;font-family:Tajawal;font-weight:700;list-style:none;overflow:scroll;text-align:left}.rules-list::-webkit-scrollbar{overflow:hidden}.rules-element{margin-bottom:1vh}.container-height{justify-content:space-evenly}.container-height,.container-height2{display:flex;flex-direction:column;height:100%;margin-bottom:2vh}.container-height2{margin-top:1.5vh}.popup-content{margin:0;top:-4vh;width:60vw!important}.guide-box{align-items:flex-start;background-color:#fff;border:thin solid #000;border-radius:1em;color:#3022ab;display:flex;flex-direction:column;font-family:Tajawal;margin-top:20vh;max-height:75vh;overflow:scroll;padding:0 2em 0 .8em;width:35vw}.guide-box::-webkit-scrollbar{display:none}#guide-box-headline{padding-bottom:2vh;padding-left:5vw;padding-top:2vh;text-align:center;width:28vw}.guide-outerbox{display:flex;flex-direction:column;margin-bottom:2vh;margin-top:-1vh}.guide-box-title{font-size:medium;font-weight:bolder;margin-bottom:1vh}.guide-box-point{margin:1vh;padding-left:1vw}.thankyou{justify-content:center;margin-bottom:0}.dropdown-tags,.thankyou{display:flex}.help-title3{font-size:large}.tag-button{background-color:#fff;background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;font-size:.9rem;font-weight:700;margin-bottom:.5vh;margin-right:.5vw;min-width:3rem;padding:.6em .8em .1em}@media screen and (max-width:620px){.tag-button{font-size:.7rem}}.tag-button:hover{background-color:#a53993;color:#fff}.tag-inner-box{display:flex;justify-content:space-around}.tag-inner-div{color:red;font-weight:1000;margin-left:4px}.dashboard-container{align-items:center;background:#fff;border:2px #000;border-radius:15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;height:80vh;margin-top:2%;width:60vw}@media screen and (max-width:620px){.dashboard-container{width:85%}.dashboard-container .dashboard-title{font-size:2rem}.dashboard-container .create-help-butt{font-size:.8rem;width:9rem}.dashboard-container .help-list{width:300px}.dashboard-container .search-field input{margin-right:.1rem;width:5rem}}@media screen and (min-width:620px)and (max-width:1420px){.dashboard-container{width:65%}.dashboard-container .dashboard-title{font-size:3rem}.dashboard-container .create-help-butt{font-size:.8rem;width:9rem}.dashboard-container .help-list{display:flex;justify-content:center;width:500px}.dashboard-container .search-field input{margin-right:.1rem}}.flexcolumn{display:flex;flex-direction:column;width:75%}.create-help-butt-div{align-items:center;display:flex;flex-direction:row;height:7rem;justify-content:space-between;margin-top:2rem}.search-field{margin-top:1.5vh}.search-field input{border:none;border-radius:15px;font-family:Tajawal;font-size:17px;padding:.4rem .6rem;width:7rem}.search-me-officer{border-bottom:.1vw solid #aaa;display:flex;flex-direction:row;justify-content:space-between}.search-tags{align-items:flex-end;color:#3022ab;-webkit-columns:3;column-count:3;display:flex;flex-grow:0;flex-shrink:0;font-family:Tajawal;font-weight:700;list-style:none;margin-bottom:.5vh;padding-left:0}.dashboard-title{color:#6e6e6e;font-family:Tajawal;font-size:3rem;margin-top:5vh}.create-help-butt{align-items:center;background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:Tajawal;font-size:1.2rem;font-weight:700;height:5vh;justify-content:center;width:13rem}.create-help-butt .create{font-size:large;margin-top:.2vh}.create-help-butt:hover{background-color:#1c136f}.help-list{-webkit-column-count:2;column-count:2;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;overflow:scroll;padding:0;width:44.5vw}.help-list::-webkit-scrollbar{display:none}.fa fa-plus{font-size:.9vw}.dropdown-context{background-color:#f8eef6;border-radius:15px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#6e6e6e;display:block;max-height:20rem;overflow:scroll;padding:.8rem 1rem;position:absolute;z-index:1}.dropdown-context-none::-webkit-scrollbar,.dropdown-context::-webkit-scrollbar{display:none}.dropdown-box:hover .dropdown-context-none{display:block}.dropdown-context-none{background-color:#f8eef6;border-radius:15px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#6e6e6e;display:none;max-height:20rem;overflow:scroll;padding:12px 16px;position:absolute;width:8vh;width:5rem;z-index:1}.searchTile{cursor:pointer;font-family:Arial,Helvetica,sans-serif;padding:3px 0}.searchTile:hover{color:#a53993;font-size:1.1rem;font-weight:700}.help-container{background-color:#f8eef6;border-radius:15px;flex-direction:column;height:18vh;margin-bottom:1rem;min-height:9rem;min-width:300px;padding:.5rem;position:relative;width:21vw}.help-container .help-title{color:#3022ab;font-family:Tajawal;font-size:1.5rem;font-weight:700;margin-bottom:0;margin-top:10px}.help-container .help-details{align-items:center;bottom:32%;color:#6e6e6e;display:flex;flex-direction:row;font-family:Tajawal;font-size:.8rem;margin-bottom:0;position:absolute}.help-container .help-details .user-avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.help-container .help-details .username{padding-top:.4rem}@media screen and (max-width:620px){.help-container{margin-left:10px;min-width:200px;width:270px}.help-container .help-title{font-size:1.3rem}.help-container .help-details{font-size:.9rem}.help-container #tags{font-size:.8rem}.bottom-details{font-size:.9rem}.bottom-details .butts-cont .help-button{font-size:.7rem!important}}@media screen and (min-width:620px)and (max-width:1420px){.help-container{height:150px;margin-left:10px;width:350px}.help-container .help-title{font-size:1.7rem}.bottom-details,.help-container #tags,.help-container .help-details{font-size:1.1rem}.bottom-details .butts-cont .help-button{font-size:.7rem!important}}.bottom-details{bottom:1%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;position:absolute;width:95%}.bottom-details #tags{align-items:center;color:#6e6e6e;display:flex;font-family:Tajawal;font-weight:700;justify-content:center}.bottom-details #tags span{border:1px solid #6e6e6e;border-radius:15px;font-size:.9rem;margin-right:.3rem;min-width:2rem;padding:.4rem .5rem .2rem;text-align:center}.bottom-details .butts-cont{display:flex;height:3.5vh;justify-content:flex-end;margin-bottom:.3rem;margin-right:.3rem;width:7vw}.bottom-details .butts-cont .help-button{background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:.8rem;height:2.2rem;margin-left:.1rem;min-height:35px;min-width:45px;padding:.9em;width:5vw}.bottom-details .butts-cont .help-button:hover{background-color:#852875}.HR-popup{background-color:#f8eef6;border:thin solid #000;border-radius:.5em;color:#3022ab;display:flex;flex-direction:column;font-family:Tajawal;max-height:auto;min-width:40vw!important;padding:2em}.X-outerbox{padding-top:.3em;width:100%}.userbox{display:flex;flex-direction:row;justify-content:space-between;position:relative}.usernamebox{font-weight:bolder;margin-left:0;padding-left:0}.askbox{padding-left:.5vw}.close{border-radius:.6em;color:#000;cursor:pointer;margin-top:0}.HR-title,.close:hover{font-weight:bolder}.HR-title{color:#6e6e6e;font-size:x-large;margin-bottom:1.7vh;margin-top:3vh;padding-bottom:1vh;padding-left:1vw}.desc-box{font-size:17px;font-weight:550;margin-bottom:1.5em;padding:.3em .3em .3em 1vw;text-align:left}.help-buttonx{align-self:center;background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:bold;font-weight:700;height:5vh;width:10vw}.help-buttonx:hover{background-color:#852875}.popup-content{align-content:center;align-items:center;background:transparent;display:flex;justify-content:center;margin:0!important;padding:0}.popup-arrow{color:#fff}[role=tooltip].popup-content{box-shadow:0 0 3px rgba(0,0,0,.16);width:200px}.popup-overlay{background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:999}[data-popup=tooltip].popup-overlay{background:transparent}.chat-main{align-items:flex-start;background:#fff;border-radius:15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);display:flex;flex-direction:row;height:80vh;margin-top:2%;min-height:400px;min-width:600px;width:80%}@media screen and (max-width:620px){.chat-main{min-width:330px;width:80vw}.chat-main .play{width:90%}.chat-main .features-container{display:none}.chat-main .chat-container .chat-form .text-area-form .buttons{margin-bottom:0}}.divider1{border-top:1px solid #d3d3d3;display:flex;justify-content:space-between;margin-left:2vw;margin-right:2vw}.tag1{height:auto;width:auto}.chat-container{display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:2vh;max-height:100%;max-width:100%;min-height:400px;min-width:300px;overflow:scroll;padding-bottom:3%;padding-left:2%;padding-top:2%;width:95%}.chat-container button img{height:18px;width:18px}.chat-container .chat-form{background-color:#fff;border-radius:0 0 0 15px;bottom:0;height:50%;max-height:50%;min-height:auto;overflow:hidden;padding:1%;position:absolute;width:95%}.chat-container .chat-form .hidden{display:none}.chat-container .chat-form .text-area-form{background-color:#fff;border:none;bottom:0;color:#333;font-size:.8vw;justify-self:baseline;max-height:100%;min-height:25%;padding:.5vw;position:absolute;resize:none;width:98%;z-index:2}.chat-container .chat-form .text-area-form textarea{border:.1vw solid #aaa;border-radius:15px;bottom:45%;color:#3022ab;font-size:17px;height:1em;margin-bottom:1%;max-height:30vh;overflow:hidden;padding:.75em;position:absolute;resize:none;width:92%}.chat-container .chat-form .text-area-form .buttons{align-items:center;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:10px;position:absolute;width:95%}.chat-container .chat-form .text-area-form .buttons .img-code-buttons{display:flex;flex-direction:row-reverse}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .file-btn{background-color:#fff;border:none;border-radius:15%;height:30px;margin:1%;width:35px}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .file-btn label{cursor:pointer}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .file-btn:hover{background-color:#f8f5f5}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .input-type-btn{background-color:#fff;border:none;border-radius:15%;cursor:pointer;height:30px;margin:1%;width:35px}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .input-type-btn:hover{background-color:#f8f5f5}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .emoji-btn{background-color:#fff;border:none;border-radius:15%;cursor:pointer;height:30px;margin:1%;width:35px}.chat-container .chat-form .text-area-form .buttons .img-code-buttons .emoji-btn:hover{background-color:#f8f5f5}.chat-container .chat-form .text-area-form .buttons .send-btn{background-color:#fff;border:none;border-radius:15%;cursor:pointer;min-height:30px;min-width:35px}.chat-container .chat-form .text-area-form .buttons .send-btn:hover{background-color:#f8f5f5}.chat-container .chat-form .text-area-form .buttons .send-btn:disabled{background-color:#fff;border-color:-internal-light-dark(hsla(0,0%,46%,.3),hsla(0,0%,76%,.3));color:-internal-light-dark(hsla(0,0%,6%,.3),hsla(0,0%,100%,.3));-webkit-filter:grayscale(100%);filter:grayscale(100%)}.chat-container .chat-messages{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:10vh;margin-left:2%;z-index:1}.chat-container .chat-messages .chat-message-avatar{align-items:center;display:flex;flex-direction:column;height:8vh;justify-content:center;padding:0;width:8vh}.chat-container .chat-messages .chat-message-avatar .avatar-img{border-radius:50%;max-height:50%;max-width:50%}.chat-container .chat-messages .chat-message{background-color:#f8eef6;border-radius:15px;display:flex;justify-content:flex-start;margin-bottom:10px;margin-right:5%;padding:10px 10px 10px 5px;width:100%}.chat-container .chat-messages .chat-message .chat-message-data{display:flex;flex-direction:column;justify-content:center}.chat-container .chat-messages .chat-message .chat-message-data .chat-message-info{display:flex;margin-bottom:.1em}.chat-container .chat-messages .chat-message .chat-message-data .chat-message-info .chat-message-name{color:#6e6e6e;font-family:Tajawal;font-size:12px}.chat-container .chat-messages .chat-message .chat-message-data .chat-message-info .chat-message-time{color:#6e6e6e;font-family:Tajawal;font-size:12px;margin-left:1em}.chat-container .chat-messages .chat-message .chat-message-text{word-wrap:break-word;font-family:Tajawal;font-size:17px;font-weight:bolder;overflow-wrap:break-word;word-break:break-word}.chat-container .chat-messages .chat-message img{max-height:300px;max-width:300px}.chat-container::-webkit-scrollbar{display:none}.features-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100%;min-height:400px;transition:width .3s linear}.features-container button{align-self:flex-end;background-color:#fff;border:none;cursor:pointer;margin-right:.5vw;margin-top:1vh}.features-container .right{height:12px;width:12px}.features-container .left{height:12px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:12px}.features-container .features-container-info{align-items:center;width:100%}.features-container .features-container-info,.play{display:flex;flex-direction:column;height:100%;min-height:400px}.play{align-items:flex-start;background:#fff;border-radius:15px 0 0 15px;border-right:thin solid;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);flex-grow:1;min-width:300px;position:relative;width:70%}.help-chat-title{color:#6e6e6e;font-family:Tajawal;text-align:center}.problem-div{border:solid #d3d3d3;border-radius:15px;color:#6e6e6e;display:flex;flex-direction:column;height:30%;justify-content:space-between;overflow:scroll;width:80%}.problem-content{font-family:Tajawal;margin-left:1vw;margin-right:1vw;text-align:left}.help-tags-list{font-family:Tajawal;justify-content:space-around;list-style:none}.help-tags-list,.people-online{color:#6e6e6e;display:flex;font-weight:700;width:80%}.people-online{border:solid #d3d3d3;border-radius:15px;height:12vh;justify-content:space-between;margin-top:5%;transition:width .3s linear}.people-online .avatar-img2{cursor:pointer;margin-right:5%;margin-top:2vh;max-height:60%;max-width:60%}.people-online .avatar-img2 img{margin-left:10px;margin-right:5px}.centering{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1vw}.currently-online{font-family:Tajawal;font-size:17px;margin-left:2vh}.description-div-title{font-family:Tajawal;font-size:17px;margin-left:1vw}.avatar-img3{cursor:pointer;margin-right:2vh;margin-top:2vh;max-height:60%;max-width:60%}.creator-links{border:solid #d3d3d3;border-radius:15px;color:#6e6e6e;display:flex;flex-direction:column;font-weight:700;height:12vh;margin-top:5%;transition:width .3s linear;width:80%}.creator-links .current-links{font-family:Tajawal;font-size:17px;margin-left:2vh}.options{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.options .sandbox{cursor:pointer}.buttons-box{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3vh;width:20vw}.buttons-box .seek-button{background-color:#a53993;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;font-weight:700;padding:.65em 2em .5em}.buttons-box .seek-button:hover{background-color:#852875}.buttons-box .res-button{background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;font-weight:700;padding:.65em 2em .5em}.buttons-box .res-button:hover{background-color:#1c136f}.buttons-box .quit-button{align-self:center;background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:17px;font-weight:700;justify-content:center;padding:.65em 2em .5em}.buttons-box .quit-button:hover{background-color:#1c136f}.emoji-picker{bottom:18%;left:12%;position:fixed;z-index:2}.avatar-img3{background-color:blue;display:flex;flex-direction:column;height:20vh;width:15vh}.avatar-img3 .avatar-img3 p{text-align:center}code[class*=language-],pre[class*=language-]{background:#282c34;color:#abb2bf;direction:ltr;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:2;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection{background:#3e4451;color:inherit;text-shadow:none}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:hidden;padding:1em}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.2em .3em;white-space:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.token.cdata,.token.comment,.token.prolog{color:#5c6370}.token.doctype,.token.entity,.token.punctuation{color:#abb2bf}.token.atrule,.token.attr-name,.token.boolean,.token.class-name,.token.constant,.token.number{color:#d19a66}.token.keyword{color:#c678dd}.token.deleted,.token.important,.token.property,.token.symbol,.token.tag{color:#e06c75}.token.attr-value,.token.attr-value>.token.punctuation,.token.builtin,.token.char,.token.inserted,.token.regex,.token.selector,.token.string{color:#98c379}.token.function,.token.operator,.token.variable{color:#61afef}.token.url{color:#56b6c2}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#abb2bf}.language-css .token.selector{color:#e06c75}.language-css .token.property{color:#abb2bf}.language-css .token.function,.language-css .token.url>.token.function{color:#56b6c2}.language-css .token.url>.token.string.url{color:#98c379}.language-css .token.atrule .token.rule,.language-css .token.important,.language-javascript .token.operator{color:#c678dd}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#be5046}.language-json .token.operator{color:#abb2bf}.language-json .token.null.keyword{color:#d19a66}.language-markdown .token.url,.language-markdown .token.url-reference.url>.token.string,.language-markdown .token.url>.token.operator{color:#abb2bf}.language-markdown .token.url>.token.content{color:#61afef}.language-markdown .token.url-reference.url,.language-markdown .token.url>.token.url{color:#56b6c2}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#5c6370;font-style:italic}.language-markdown .token.code-snippet{color:#98c379}.language-markdown .token.bold .token.content{color:#d19a66}.language-markdown .token.italic .token.content{color:#c678dd}.language-markdown .token.list.punctuation,.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e06c75}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.cr:before,.token.token.lf:before,.token.token.space:before,.token.token.tab:not(:empty):before{color:rgba(171,178,191,.15);text-shadow:none}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#3a3f4b;border-radius:.3em;color:#828997;padding:.1em .4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover{background:#3e4451;color:#abb2bf}.line-highlight.line-highlight{background:rgba(153,187,255,.04)}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#3a3f4b;border-radius:.3em;box-shadow:0 2px 0 0 rgba(0,0,0,.2);color:#abb2bf;padding:.1em .6em}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(153,187,255,.04)}.command-line .command-line-prompt,.line-numbers.line-numbers .line-numbers-rows{border-right-color:rgba(171,178,191,.15)}.command-line .command-line-prompt>span:before,.line-numbers .line-numbers-rows>span:before{color:#636d83}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e06c75}.rainbow-braces .token.token.punctuation.brace-level-10,.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6{color:#98c379}.rainbow-braces .token.token.punctuation.brace-level-11,.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7{color:#61afef}.rainbow-braces .token.token.punctuation.brace-level-12,.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8{color:#c678dd}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:rgba(255,82,102,.15)}pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:rgba(25,255,91,.15)}pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection{background-color:rgba(56,224,98,.25)}.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer.prism-previewer:before{border-color:#262931}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-easing.prism-previewer-easing:before,.prism-previewer-gradient.prism-previewer-gradient div{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:#262931}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:#262931}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-easing.prism-previewer-easing,.prism-previewer-time.prism-previewer-time:before{background:#31363f}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#abb2bf;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing line,.prism-previewer-easing.prism-previewer-easing path{stroke:#abb2bf}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}.save-profile-button{align-self:center;background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-weight:700;height:5vh;margin-top:3vh;width:13.55vw}.save-profile-button:hover{background-color:#1c136f}.profile-div{border-bottom:.1vw solid #aaa;flex-direction:row;height:20vh;justify-content:space-between;width:75%}.avatar-wrap,.profile-div{align-items:center;display:flex}.avatar-wrap{flex-direction:column}.avatar-wrap .avatar-div{border-radius:50%;box-shadow:0 2px 2px 0 rgba(0,0,0,.5);height:12vh;width:12vh}.avatar-wrap .avatar-div .your-avatar{height:100%;width:100%}.avatar-wrap .avatar-div:hover{cursor:pointer}.avatar-wrap .set-avatar-btn{background-color:transparent;border:none;border-radius:15px;cursor:pointer;font-family:Tajawal;font-size:17px;height:1vh;width:10vh}.avatar-wrap .set-avatar-btn:hover{color:#3022ab}.dropdown-avatar{background-color:#000;border-radius:15px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;padding:12px 16px;position:absolute;width:8vh;z-index:1}.set-avatar-btn:hover .dropdown-avatar{display:block}.profile-form{align-items:flex-start;border:thin solid hsla(0,0%,50%,.251);border-radius:15px;box-shadow:0 1px 1px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;height:80%;width:100%}.profile-label{color:#3022ab;font-family:Tajawal;font-weight:700;margin-left:2vh;margin-top:1vh;text-align:left;width:90%}.profile-textBox{align-items:center;background-color:transparent;border:none;border-bottom:.1vw solid #aaa;display:flex;flex-wrap:wrap;font-size:large;justify-content:center;outline:none;text-align:center;text-overflow:clip;width:100%}.fixed,.profile-textBox{font-family:Tajawal;margin-top:-2vh}.fixed,.password-reset-a{border:thin solid gray;width:20vh}.password-reset-a{font-family:Tajawal;margin-top:-2vh}.mid-section{align-items:center;flex-direction:row;height:80%;width:90%}.mid-section,.rating-div{display:flex;justify-content:space-evenly}.rating-div{height:20%;margin-top:2vh;width:75%}.reviews-cont{height:4vh;width:50%}.progress-title{color:#3022ab;font-family:Tajawal;font-size:17px;font-weight:700;margin-bottom:-4vh;text-align:left}.coffeediv{display:flex;height:10vh;justify-content:center}.coffee{cursor:pointer;display:flex;height:100%;width:100%}.reset-btn2{font-size:600px}.helps-count{color:#6e6e6e;font-family:Tajawal;margin-top:-2vh;text-align:center}.avatars-popup{align-items:center;background-color:#fff;border:thin solid #000;border-radius:.5em;color:#3022ab;display:flex;flex-direction:column;font-family:Tajawal;height:50vh;justify-content:space-between;max-height:auto;overflow:scroll;padding:2em;width:40vh}.avatars-popup::-webkit-scrollbar{overflow:hidden}.icons-wrap{display:flex;flex-wrap:wrap;justify-content:center}.avatars-div{border-radius:50%;height:100px;margin-left:1vh;margin-right:1vh;margin-top:1vh;width:100px}.avatar-img{cursor:pointer;height:100%;object-fit:cover;width:100%}.save-buttonx{align-self:center;background-color:#3022ab;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Tajawal;font-size:bold;font-weight:700;height:10vh;margin-bottom:-3vh;margin-top:3vh;width:10vw}.save-buttonx:hover{background-color:#1c136f}.btn-save-container{display:flex;flex-direction:row;flex-flow:row nowrap;height:80%;width:90%}.reviews{color:#3022ab;font-family:Tajawal}.user-details-div{align-items:flex-start;display:flex;flex-direction:column;height:90%;width:40%}.profile-info-label{font-size:17px;font-weight:700;margin-bottom:1vh;text-align:left;width:100%}.profile-info-label,.reset-popup{color:#3022ab;font-family:Tajawal}.reset-popup{background-color:#fff;border:thin solid #000;border-radius:.5em;flex-direction:column;height:25vh;max-height:auto;padding:0 2em 2em 1.2em;width:30vh}.div-in-a-div,.reset-popup{align-items:center;display:flex}.div-in-a-div{height:80%;margin-left:4vh;width:100%}.closex{align-self:start;border-radius:.6em;color:#000;margin-top:0}#reset-a,.closex{cursor:pointer}@media screen and (max-width:620px){.profile-textBox{font-size:small}.mid-section{flex-direction:column;justify-content:space-between;margin-top:7vh;overflow:scroll}.user-details-div{margin-bottom:2vh;width:90%}.save-profile-button{font-size:small;margin-bottom:1vh;min-width:20vw}.set-avatar-btn{margin-bottom:1vh}}
/*# sourceMappingURL=main.e222b9ae.css.map*/