@import url(https://fonts.googleapis.com/css?family=Fira+Sans);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{font-family:Roboto,san-serif}.home__container{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center;flex-wrap:wrap}.empty{font-family:"Open Sans"," San serif";color:grey}.wrapper{height:300px;background:#fff;border:none;border-radius:6px;box-shadow:0 4px 4px 0 rgba(0,0,0,.09),0 4px 12px 0 rgba(0,0,0,.19);margin:30px}.header,.wrapper{position:relative;width:240px}.header{height:100px;background:url(https://www.gstatic.com/classroom/themes/img_learnlanguage.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-top-left-radius:inherit;border-top-right-radius:inherit}.header .Aimg{width:70px;height:70px;font-size:27px;background:coral;position:absolute;top:100%;left:50%;padding:1px;transform:translate(-50%,-50%)}.body .text{position:absolute;height:auto;width:100%;top:50%;transform:translateY(-50%)}.body .text h1{font-size:26px;margin:0;color:#110934}.body .text span{font-size:16px;color:#41295}.body{width:100%;height:240px;background:none;position:relative;text-align:center}.addicon{position:fixed;right:60px;bottom:60px}.home__header{display:flex;justify-content:space-between;align-items:center}a{text-decoration:none}.home__title h2{padding:10px 0 0;font-weight:500;font-size:22px;color:#5f6368;line-height:22px;top:-.375rem}.home__title img{height:30px;margin-top:20px;margin-right:8px}.home__title{display:flex;height:5rem;padding:0 0 0 24px}.home__profile{margin-right:25px}.home__profile:hover .logout{opacity:1}.logout{position:absolute;display:flex;height:100px;align-items:center;align-content:center;justify-content:center;width:120px;box-shadow:1px 6px 49px -3px rgba(0,0,0,.68);margin-left:-70px;margin-top:10px;opacity:0;transition:all .2 ease-in}.logout button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:5px}.bgCover{display:none;position:fixed;height:100vh;width:100vw;z-index:90;background-color:rgba(12,12,12,.63);transition:1s}.popup{position:absolute;height:150px;width:250px;background-color:#fff;border-radius:6px;top:50%;left:50%;transform:translate(-50%,-50%)}.joinClass__btn{width:100%;height:50%;font-size:18px;font-weight:500}.createClass__bgCover{display:none;position:fixed;height:100vh;width:100vw;z-index:91;background-color:rgba(12,12,12,.63);transition:1s}.createCard__input{background-color:#f5f5f5;border:1px solid #d3d3d3;padding:5px}.createCard__input:focus{outline-width:0}.createClass__center{top:40%;left:50%;transform:translate(-50%,-50%)}.Create__btn{padding:20px}.Create__btn>.MuiButtonBase-root{color:#639}.joinClass__bgCover{display:none;position:fixed;height:100vh;width:100vw;z-index:91;background-color:rgba(12,12,12,.63);transition:1s}.joinCard__input{background-color:#f5f5f5;border:1px solid #d3d3d3;padding:5px}.joinCard__input:focus{outline-width:0}.joinClass__center{top:40%;left:50%;transform:translate(-50%,-50%)}.join__btn{padding:20px}.join__btn>.MuiButtonBase-root{color:#639}.fileUpload_bgCover{display:none;position:fixed;height:100vh;width:100vw;z-index:90;background-color:rgba(12,12,12,.63);transition:1s}.close{position:absolute;top:-10px;right:20px;font-weight:700;font-size:20px;font-family:Verdana,Geneva,Tahoma,sans-serif;cursor:pointer}.upload_container{position:fixed;height:300px;width:600px;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.form_heading{color:#292929;text-align:center;padding:5px}.file_main{text-align:center;padding:10px}.progress{opacity:0;height:15px;width:300px;background-color:#d3d3d3;border-radius:20px;margin-left:auto;margin-right:auto;margin-top:15px}.progress-done{height:100%;width:0;opacity:1;background:linear-gradient(315deg,#08e1ae,#98de5b 74%);color:#fff;border-radius:15px;display:flex;justify-content:center;align-items:center;transition:1s ease;font-size:smaller}[type=file]{color:#878787}[type=file]::-webkit-file-upload-button{background:#3cb371;border:2px solid #3cb371;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;outline:none;padding:10px 25px;text-transform:uppercase;-webkit-transition:all .5s ease;transition:all .5s ease}[type=file]::-webkit-file-upload-button:hover{background:#fff;border:2px solid #535353;color:#000}.upload{padding:7px;background-color:#fff;color:#000;border:2px solid #3cb371;border-radius:5px;width:100px;transition:.2s ease-in;font-size:2;font-weight:600;margin-top:15px}.upload:hover{background-color:#3cb371;color:#fff;border:2px solid#399b65}.errorDetail{font-size:small;text-align:center;color:#ce1111;font-family:sans-serif;margin-top:20px}.subject__name{width:70vw;min-height:200px;background-color:#bc8f8f;background-image:url(https://gstatic.com/classroom/themes/img_learnlanguage.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:15px;margin-left:auto;margin-right:auto;margin-top:30px;padding:18px;color:#fff;font-family:"Open Sans",sans-serif}.subject__name h1{font-weight:600;font-size:36px;line-height:44px;letter-spacing:0}.subject__name h3{font-weight:400;font-size:22px;line-height:28px;margin-top:-15px}.content{display:flex}.content label{font-size:small;margin-right:10px;margin-top:2px}.switch{position:relative;display:inline-block;width:30px;height:14px;bottom:-3px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#696969}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:12px;width:12px;left:1px;bottom:1px;background-color:#fff}input:checked+.slider{background-color:#1aff1a}input:focus+.slider{outline:none}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.chat__container{position:relative;min-height:55px;width:72vw;border:2px solid #d0d0d0;border-radius:10px;margin:30px auto 50px;display:flex;flex-direction:column}.message__container{display:flex;flex-direction:column;border-bottom:2px solid #d0d0d0;min-height:100px;max-height:300px;top:0;flex:1 1;width:100%;overflow:scroll}.message__container::-webkit-scrollbar{display:none}.file__container{display:flex;flex-direction:column;border-bottom:2px solid #d0d0d0;min-height:100px;max-height:300px;top:0;flex:1 1;width:100%;overflow:scroll}.file__container::-webkit-scrollbar{display:none}.message__input{display:flex;bottom:0;height:55px;width:100%;flex-direction:row}.message__input__left{position:relative;height:100%}.messageBox__ava{position:absolute;top:48%;transform:translateY(-50%);margin-left:10px}.message__input__right{position:relative;height:100%}.message__input__right>form>input{position:absolute;top:48%;transform:translateY(-50%);border-radius:30px;padding:15px;border:none;font-size:15px;width:55vw;font-family:"roboto","sans-serif"}.file__input__right{position:relative;height:100%;font-family:"roboto","sans-serif"}.messageBox__file{position:absolute;top:48%;transform:translateY(-50%);left:60vw;cursor:pointer}.message__input__right>form>button{display:none}.message__input__right>form>input:focus{outline-width:0}.message__input__right>form>input::-webkit-scrollbar{display:none}.chat__message{display:flex;flex-direction:column;font-size:16px;padding:10px;background-color:#d4d4d4;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;border-bottom-left-radius:0;margin-left:15px;margin-right:30px}.chat__reciever{margin-left:auto;background-color:#d4d4d4;border-bottom-left-radius:10px;border-bottom-right-radius:0}.chat__name{top:-15px;font-size:12px;font-weight:600}.emptyFile{font-family:"Open Sans"," San serif";color:grey;padding:10px;text-align:center}@media screen and (max-width:768px){.message__input__right>form>input{width:-webkit-min-content;width:-moz-min-content;width:min-content}}@media screen and (max-width:335px){.message__input__right>form>input{width:130px}}.file_box{position:relative;width:400px;background-color:rgba(223,219,219,.932);box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1);border-radius:5px;margin:20px auto 20px 20px;padding:6px 6px 16px;border-bottom-left-radius:0;cursor:pointer}.inner_file_box{width:auto;height:auto;padding:8px;border-radius:3px;background-color:#fff;margin-bottom:0}.file_name{color:#000;font-weight:700;font-size:15px}.file_type{left:15px}.file_size,.file_type{position:absolute;font-size:10px;margin-top:2px}.file_size{right:15px}.login_body{position:relative;min-height:100vh;background-color:#e1e8ee;display:flex;align-items:center;justify-content:center;font-family:"Fira Sans",Helvetica,Arial,sans-serif;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-structor{background-color:#222;border-radius:15px;height:550px;width:350px;position:relative;overflow:hidden}.form-structor:after{content:"";opacity:.8;position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:0 100%;background-size:500px;background-image:url(https://images.unsplash.com/photo-1503602642458-232111445657?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-0.3.5&q=100&s=bf884ad570b50659c5fa2dc2cfb20ecf&w=1000)}.form-structor .signup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;z-index:5;transition:all .3s ease}.form-structor .signup.slide-up{top:5%;transform:translate(-50%);transition:all .3s ease}.form-structor .signup.slide-up .form-holder,.form-structor .signup.slide-up .submit-btn{opacity:0;visibility:hidden}.form-structor .signup.slide-up .form-title{font-size:1em;cursor:pointer}.form-structor .signup.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;transition:all .3s ease}.form-structor .signup .form-title{color:#fff;font-size:1.7em;text-align:center}.form-structor .signup .form-title span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:all .3s ease}.form-structor .signup .form-holder{border-radius:15px;background-color:#fff;overflow:hidden;margin-top:50px;opacity:1;visibility:visible;transition:all .3s ease}.form-structor .signup .form-holder .input{border:0;outline:none;box-shadow:none;display:block;height:30px;line-height:30px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:12px}.form-structor .signup .form-holder .input:last-child{border-bottom:0}.form-structor .signup .form-holder .input::input-placeholder{color:rgba(0,0,0,.4)}.form-structor .signup .submit-btn{background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.7);border:0;border-radius:15px;display:block;margin:15px auto;padding:15px 45px;width:100%;font-size:13px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;transition:all .3s ease}.form-structor .signup .submit-btn:hover{transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .login{top:20%;left:0;right:0;bottom:0;z-index:5}.form-structor .login,.form-structor .login:before{position:absolute;background-color:#fff;transition:all .3s ease}.form-structor .login:before{content:"";left:50%;top:-20px;transform:translate(-50%);width:200%;height:250px;border-radius:50%;z-index:4}.form-structor .login .center{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:65%;z-index:5;transition:all .3s ease}.form-structor .login .center .form-title{color:#000;font-size:1.7em;text-align:center}.form-structor .login .center .form-title span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:all .3s ease}.form-structor .login .center .form-holder{border-radius:15px;background-color:#fff;border:1px solid #eee;overflow:hidden;margin-top:50px;opacity:1;visibility:visible;transition:all .3s ease}.form-structor .login .center .form-holder .input{border:0;outline:none;box-shadow:none;display:block;height:30px;line-height:30px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:12px}.form-structor .login .center .form-holder .input:last-child{border-bottom:0}.form-structor .login .center .form-holder .input::input-placeholder{color:rgba(0,0,0,.4)}.form-structor .login .center .submit-btn{background-color:#6b92a4;color:hsla(0,0%,100%,.7);border:0;border-radius:15px;display:block;margin:15px auto;padding:15px 45px;width:100%;font-size:13px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;transition:all .3s ease}.form-structor .login .center .submit-btn:hover{transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .login.slide-up{top:90%;transition:all .3s ease}.form-structor .login.slide-up .center{top:10%;transform:translate(-50%);transition:all .3s ease}.form-structor .login.slide-up .form-holder,.form-structor .login.slide-up .submit-btn{opacity:0;visibility:hidden;transition:all .3s ease}.form-structor .login.slide-up .form-title{font-size:1em;margin:0;padding:0;cursor:pointer;transition:all .3s ease}.form-structor .login.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;transition:all .3s ease}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwMDIuNi02LjZ6IiBmaWxsPSIjNDI4NUY0IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAxOGMyLjQgMCA0LjUtLjggNi0yLjJsLTMtMi4yYTUuNCA1LjQgMCAwMS04LTIuOUgxVjEzYTkgOSAwIDAwOCA1eiIgZmlsbD0iIzM0QTg1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQgMTAuN2E1LjQgNS40IDAgMDEwLTMuNFY1SDFhOSA5IDAgMDAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMDAxIDVsMyAyLjRhNS40IDUuNCAwIDAxNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px;margin-left:25px}.login-with-google-btn:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{outline:none;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc}.login_message{font-size:smaller;text-align:center}.reset_password{font-size:smaller;font-family:Arial,Helvetica,sans-serif;color:#4169e1;text-align:right;font-weight:700;cursor:pointer}
/*# sourceMappingURL=main.85f8104c.chunk.css.map */