@import url(https://fonts.googleapis.com/css2?family=Glory:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaisei+Tokumin&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,0)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:rgba(255,0,0,0);width:10px}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c9c7c7}body{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{padding:0 15px;margin:0 auto}@media (max-width:2560px) and (min-width:1201px){.container{max-width:1170px}.container-fluid{max-width:100%}}@media (max-width:1200px) and (min-width:993px){.container{max-width:1170px}.container-fluid{max-width:100%}}@media (max-width:992px) and (min-width:769px){.container{max-width:1170px}.container-fluid{max-width:100%}}@media (max-width:768px) and (min-width:577px){.container,.container-fluid{max-width:100%}}@media (max-width:576px){.container,.container-fluid{max-width:100%}}.mobileView{display:none}@media (max-width:768px){.App{display:none}.mobileView{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center}.mobileView h1{text-align:center;padding:0 1rem}}.navbar{display:flex;position:fixed;background-color:#fff;top:0;width:100%;height:70px;z-index:10;border-bottom:1px solid rgba(160.43749898672104,120.81139370799065,0,.20000000298023224);box-shadow:0 1px 5px rgba(160.43749898672104,120.81139370799065,0,.20000000298023224)}.nav-items-1{padding-right:25px;margin:0}.nav-brand img{margin-left:15px;display:inline-block}.nav-items-1:-webkit-any-link{list-style:none}.nav-items-1:any-link{list-style:none}.nav-items-1 Link{text-decoration:none}.nav-box-item,.nav-items-1 li{font-weight:700;display:inline-block}.nav-box-item{color:#fff;width:auto;height:auto;padding:.6em 2em;margin:0 3px;background-color:#ffe083;background-image:linear-gradient(-90deg,rgba(255,192.01810598373413,0,1),#f66d11);border-radius:100px;font-family:Roboto}.nav-items{margin:0 15px;font-family:Roboto;font-size:16px;font-weight:700;color:rgba(255,136,0,.897);text-decoration:none;padding:3px;cursor:pointer}.active-page,.nav-items:active,.nav-items:hover{border-bottom:2px solid rgba(255,136,0,.897);color:rgba(255,136,0,.897)}.nav-burger{display:none;background:transparent;border:none;color:rgba(255,136,0,.897)}.nav-dropdown{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);border-radius:5px;display:flex;position:absolute;top:80%;width:130px;flex-direction:column;margin-left:90%;background-color:#fff}.Link{text-decoration:none}.dropdown-items,.Link,.Link:hover{color:rgba(255,136,0,.897)}.dropdown-items{text-decoration:none;font-weight:700;padding:15px;cursor:pointer}.dropdown-items:hover{background:hsla(0,0%,89.4%,.603)}#dropdown{display:none}@media screen and (max-width:768px){.nav-items-1{display:none;overflow-y:scroll}}@media screen and (max-width:768px){.nav-brand{margin-top:1.1em}.nav-burger{margin-right:1em;display:block}.nav-box-item{padding:10px}.nav-items-1{padding:0}.nav-items-1 li{margin:1em 0}#hidden{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:0;top:70px;height:auto;width:100%;background-color:hsla(0,0%,92.5%,.575)}}.login-container,.signup-container{width:600px;margin:100px auto;background-color:#fff7df;overflow:hidden;box-shadow:0 1px 2px 0 rgba(60,64,67,.123),0 1px 3px 1px rgba(60,64,67,.15);border-radius:25px;z-index:0}.signup-wraper{justify-content:flex-end;display:flex;margin:20px 0;padding:5px 15px}.redirector-buttons-container{display:flex;justify-content:space-between}.redirector-buttons-student,.redirector-buttons-teacher{background-color:#fff7df;display:block;color:#2b2b2b;font-size:18px;font-weight:600;width:50%;text-decoration:none;text-align:center;padding:1rem 0;border-bottom:2px solid #ff9317}.redirector-buttons-student:hover,.redirector-buttons-teacher:hover{background-color:#efeeee;color:#505050}.active-login-s,.active-login-t{background-color:rgba(255,136,0,.897);color:#fff7df}.login-form{margin:20vh auto;width:60%;display:flex;flex-direction:column}.signup-text{margin-right:5px}.input-field{border:.5px solid hsla(0,0%,92.2%,.767);padding:15px;color:#555;border-radius:30px;margin:15px 0;background-color:#fff}.input-field:focus{outline:none}.input-field:active{font-weight:700;color:#555}.signup-link:-webkit-any-link{text-decoration:none;color:rgba(253,114,90,.952);font-weight:700}.signup-link:any-link{text-decoration:none;color:rgba(253,114,90,.952);font-weight:700}.form-btn{font-weight:700;color:#fff;padding:15px;background-image:linear-gradient(-90deg,rgba(255,192.01810598373413,0,1),rgba(255,137.7000054717064,0,1));border:none;margin-top:1em;border-radius:30px}.signin-wraper{justify-content:flex-end;display:flex;margin:20px 0;padding:5px 15px}.signup-form{margin:10vh auto;width:60%;display:flex;flex-direction:column}.signin-text{margin-right:5px}.signin-link:-webkit-any-link{text-decoration:none;color:rgba(253,114,90,.952);font-weight:700}.signin-link:any-link{text-decoration:none;color:rgba(253,114,90,.952);font-weight:700}#home-banner-section{margin-top:70px;background-image:linear-gradient(-135deg,#ffc000,#ff8a00);height:90vh}#home-banner-section .container .home-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0}#home-banner-section .container .home-container .home-banner-left{height:80vh;grid-area:1/1/2/2;display:flex;flex-direction:column;justify-content:center}#home-banner-section .container .home-container .home-banner-left .slide-text-1{font-family:"Glory",sans-serif;color:#fff;font-size:46px}#home-banner-section .container .home-container .home-banner-left .slide-subtext-1{color:#fff;font-family:Abel;font-size:21px}#home-banner-section .container .home-container .home-banner-left .home-button{background-color:#fff;font-family:Roboto;font-weight:700;color:rgba(255,136,0,.897);border:none;padding:10px 20px;border-radius:15px}#home-banner-section .container .home-container .home-banner-left a{font-size:21px}#home-banner-section .container .home-container .home-banner-right{grid-area:1/2/2/3;display:flex;justify-content:center;align-items:center;padding-top:50px}#home-banner-section .container .home-container .home-banner-right div{width:340px;height:340px;background-color:grey;border-radius:50%;display:flex;align-items:center;justify-content:center}#home-banner-section .container .home-container .home-banner-right div img{max-width:140%;max-height:140%}.home-blog-section{background-color:#fff7df;padding:40px}.home-blog-card{height:550px;overflow:hidden;display:grid;flex-direction:row;flex-wrap:wrap;grid-template-columns:repeat(3,1fr)}.home-blog-btn{border:none;padding:10px 20px;background-image:linear-gradient(-135deg,#ffc000,#ff8a00);border-radius:35px;color:#fff;font-weight:700}.home-blog-discover{margin-top:20px;display:flex;justify-content:center}.home-blog-head{margin:20px 0;display:flex;justify-content:center;color:#ff9100;font-family:Roboto;font-size:32px}@media(max-width:768px){#home-banner-section{margin-top:70px;background-image:linear-gradient(-135deg,#ffc000,#ff8a00);height:100vh}#home-banner-section .container .home-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0}#home-banner-section .container .home-container .home-banner-left{grid-area:1/1/2/2}#home-banner-section .container .home-container .home-banner-right{display:none}}.card-text{font-size:1rem;padding:.4rem 1.9rem}.container-fluid{margin-top:200px}.container-fluid.row{padding-top:6rem}.overflow{overflow:hidden}.card-container{margin:2px auto}.card-img-top{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease}.card-img-top:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.card2{background:#fff;width:22em;height:32em;border-radius:.5em;margin:1em;overflow:hidden;cursor:pointer;transition:all .2s ease}.card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.card img{width:80%;object-fit:cover}.blog-thumnail{width:100%;height:250px}.card p{color:#777}#card-text{height:50px;overflow:hidden}#card-author,#card-text{text-align:left;color:#e5e5e5}#card-author{padding-top:25px}.card-body{height:300px;overflow:scroll;background-image:linear-gradient(50deg,#ff7b00 30%,#f8be51)}.text-dark{margin-bottom:20px}.card-title{text-align:left;font-family:"Abel",sans-serif;font-size:30px;font-weight:700;padding-top:10px;color:#e5e5e5}.card-body a:link,.card-body a:visited{font-family:"Roboto",sans-serif;background-color:#fafafa;color:#f8ac09;position:relative;right:95px;border:none;padding:8px 25px;border-radius:20px;transition-duration:.1s;text-align:center;text-decoration:none;display:inline-block}.card-body a:active,.card-body a:hover{background-color:#fab15e;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.d-flex{display:flex;flex-direction:row}.read-more{position:absolute;bottom:5px}.experience-container{display:flex;flex-direction:column;margin:30px 80px;border:.5px solid #e9e9e9;border-radius:5px;background-color:#fff7df;padding:15px;font-family:Abel}.interview-status{display:flex;justify-content:space-between;flex-direction:row}.interview-status-1{font-size:22px;color:rgba(0,109,0,.513)}.interview-btn{text-decoration:none;color:#fff;font-weight:700;border:none;border-radius:25px;background-image:linear-gradient(-140deg,rgba(255,192.01810598373413,0,1),#f66d11);padding:10px 50px}.interview-btn:hover{color:#f5f5f5}.interview-title{display:flex;font-family:Abel;margin:70px 85px -25px;justify-content:space-between}.share-interview-link{color:#fff;border:none;border-radius:30px;font-weight:700;text-decoration:none;background-image:linear-gradient(-140deg,rgba(255,192.01810598373413,0,1),#f66d11);padding:10px}.blog-page-container{margin-top:70px}.blog-flex{background-image:linear-gradient(-135deg,#ffc000,#ff8a00);display:flex;flex-direction:row;justify-content:space-between;height:85vh}.blog-flex-image{margin-right:30px;margin-top:80px;width:50%;display:flex;justify-content:center}.blog-flex-text{font-size:42px;padding-bottom:40px;color:#fff;font-family:"Glory",sans-serif}.create-blog{align-self:center;margin-left:100px}.create-blog,.create-blog-link{font-family:Roboto;font-weight:700}.create-blog-link{background-color:#fff;font-size:20px;border:none;padding:10px 20px;border-radius:15px}.create-blog-link,.create-blog-link:hover{color:rgba(255,136,0,.897)}.blog-container{display:grid;padding:50px 0;margin:0 auto;grid-template-columns:repeat(3,1fr);width:95%}.loader{background-image:linear-gradient(-135deg,#ffc000,#ff8a00);overflow:hidden;width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;align-content:center;justify-content:center}.loading-img{color:#505050;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes example{10%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg);transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg);transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg);transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg);transform:rotate(324deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes example{10%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg);transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg);transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg);transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg);transform:rotate(324deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.blog-info-container{display:flex;flex-direction:column;margin:120px 200px 50px;font-family:"Abel"}.info-blog-body{margin-bottom:4em;text-align:justify;margin-top:60px;font-family:"Kaisei Tokumin",serif;font-size:16px}pre.ql-syntax{background-color:#313030;color:#fff;padding:10px 15px}p img{width:100%}.blog-title{color:rgba(255,136,0,.897);font-size:50px}.blog-title-edit-container{display:flex;justify-content:space-between}.edit-icon{cursor:pointer;font-weight:700;text-decoration:none;color:rgba(255,136,0,.897);font-size:25px}.comment-author{font-size:20px;font-weight:600;color:grey}.blog-slider{display:flex;justify-content:flex-end;margin:2px 5px;color:#6e6d6a;border:none;background:none;border-radius:100%;transition:.2s}.slider-next:hover,.slider-prev:hover{color:rgba(255,136,0,.897);-webkit-transform:scale(1.5);transform:scale(1.5);transition:.3s}.comment-form{margin-bottom:3em}.input-container{border:1px solid hsla(0,0%,66.7%,.767);border-radius:30px;display:flex;justify-content:space-between;align-items:center;padding-left:20px;padding-right:5px}.comment-submit{margin-top:-4px;font-weight:700;font-size:32px;color:coral;background-color:#fff;border:none;border-radius:50%}.comment-input{margin:15px 0;width:90%;border:none;background-color:#fff}.comment-input:focus{outline:none}.comment-area{max-height:350px;border:1px solid #cfcfcf;border-radius:10px;padding:0 15px;overflow:scroll;width:100%}.comment-area div{border-bottom:1px solid #cfcfcf;margin-bottom:20px}.comment-area div:last-child{border-bottom:none}.blog-form{margin:100px 5%;display:flex;justify-self:center;flex-direction:column;border-radius:10px;padding:30px;box-shadow:0 1px 2px 0 rgba(60,64,67,.123),0 1px 3px 1px rgba(60,64,67,.15)}input[type=file]{display:none}.pick-upload-container{display:flex;flex-direction:row;padding-bottom:10px}.choose-image,.upload-button{padding:10px 25px;font-weight:700;text-decoration:none;color:#fff;white-space:nowrap;border-radius:30px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);background-color:rgba(255,136,0,.897)}.upload-button{outline:none;border:none;margin-left:15px}.file-progress-container{margin:10px 0}progress{height:25px;width:25px;border-radius:50px;border:none}.progress-div{margin-left:20px;border:0;border-radius:50px;overflow:hidden}.progress-container,.progress-div{display:flex;align-items:center}::-webkit-file-upload-button{color:#fff;background-image:linear-gradient(-90deg,rgba(255,192.01810598373413,0,1),#f66d11);outline:none;border:none}.blog-description-input,.blog-title-input{margin-top:15px;width:100%;font-size:18px;font-weight:500;background-color:transparent;border-radius:0;border:none;border-bottom:2px solid hsla(0,0%,84.7%,.692);transition:border .1s}.blog-description-input:focus,.blog-title-input:focus{outline:none;font-weight:600;border-bottom:3px solid orange}.btn-blog-post{margin:10px 0;padding:10px 25px;font-family:Roboto;border-radius:10px;border:none;outline:none;color:#fff;font-weight:600;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);background-color:#f80}.ql-toolbar.ql-snow{padding:15px;border-top-left-radius:15px;border-top-right-radius:15px;margin:15px 0 0;border:none}.ql-formats{font-size:18px;font-family:Roboto}.ql-picker-item{color:#383736}.ql-toolbar{margin:0;background-image:linear-gradient(-90deg,rgba(255,192.01810598373413,0,1),#f66d11)}.ql-toolbar .ql-stroke{fill:none;stroke:#fff}.ql-toolbar .ql-fill{fill:#fff;stroke:none}.ql-toolbar .ql-picker{color:#fff}.ql-editor{min-height:300px}div.ql-container.ql-snow{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.uploaded-blog-image{width:80px;height:40px;margin-left:20px;white-space:nowrap;border:none;border-radius:5px;overflow:hidden}.test-container{display:flex;flex-direction:column;margin:30px 80px;border:.5px solid #e9e9e9;border-radius:5px;background-color:#fff7df;padding:15px;font-family:Abel}.test-btn{text-decoration:none;color:#fff;font-weight:700;border:none;border-radius:25px;background-image:linear-gradient(-140deg,rgba(255,192.01810598373413,0,1),#f66d11);padding:10px 40px}.test-btn:hover{color:#f5f5f5}.test-title{display:flex;font-family:Abel;margin:70px 85px -25px;justify-content:space-between}.test-subject-link{color:#fff;border:none;border-radius:30px;font-weight:700;text-decoration:none;background-image:linear-gradient(-140deg,rgba(255,192.01810598373413,0,1),#f66d11);padding:12px 30px}.test-buttons{display:flex;padding:100px 10px 15px;margin:0 150px;flex-wrap:wrap}.test-text-1{padding:4em 2em}.test-text-1,.test-text-2{color:orange;font-family:Abel}.test-text-2{padding:4em 5em;margin-top:-220px}.test-image{display:flex;width:50%;margin-left:45%;margin-top:-22%}.tutorials-container{margin-top:70px;background-color:hsla(0,0%,100%,.37)}.tutorial-flex{margin-bottom:70px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:500px;background-image:linear-gradient(-135deg,#ffc000,#ff8a00)}.tutorial-flex-image{margin-right:90px;width:40%;display:flex;justify-content:center}.tutorial-flex-text{font-size:35px;padding-bottom:20px;color:#fff;font-family:"Glory",sans-serif;font-style:italic;font-weight:500}.create-tutorial{margin-left:110px}.create-tutorial-link{background-color:#fff;font-family:Roboto;font-size:20px;font-weight:700;border:none;padding:10px 20px;border-radius:15px}.create-tutorial-link,.create-tutorial-link:hover{color:rgba(255,136,0,.897)}.tutorial-card-container{display:flex;justify-content:center;margin:10px 15px;width:250px;height:100px;border-radius:5px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);background-color:hsla(60,20%,99%,.897);background-size:100% 100%;cursor:pointer;transition:-webkit-transform 60ms ease-in-out;transition:transform 60ms ease-in-out;transition:transform 60ms ease-in-out,-webkit-transform 60ms ease-in-out}.tutorial-card-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.tutorials-section{display:flex;justify-content:center;flex-wrap:wrap;padding:15px}a{text-decoration:none}.tutorial-title{height:100%;font-weight:700;font-size:23px;font-family:"Walter Turncoat",cursive;color:rgba(255,136,0,.897);margin:0;align-self:center}.tutorial-form-conatiner{width:600px;margin:90px auto;background-color:#fff7df;overflow:hidden}.tutorial-form{margin:10vh auto;width:60%;display:flex;flex-direction:column}.tutorial-container{margin-top:70px;max-width:100vw}.tutorial-sidebar{overflow:scroll;position:fixed;min-width:270px;height:100vh;background-image:linear-gradient(135deg,rgba(255,192.01810598373413,0,1),rgba(255,137.7000054717064,0,1))}.tutorial-sidebar::-webkit-scrollbar{width:0}.tutorial-index{margin-top:15px}.tutorial-index p{padding:10px 25px;font-size:18px;font-weight:700;font-family:Roboto;color:#fff;cursor:pointer;border-bottom:thin solid rgba(255,136,0,.897);margin:0}.tutorial-index p:hover{background-color:hsla(0,0%,100%,.897);color:rgba(255,136,0,.897)}.create-topic,.tutorial-index p:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.create-topic{padding:10px 15px;font-weight:700;text-decoration:none;color:#fff;border-radius:30px;background-color:rgba(255,136,0,.897)}.tutorial-main{margin-left:270px;width:calc(100vw - 270px);padding:20px 80px;color:#5b5858}.tutorial-topic{margin-top:10px;color:rgba(255,136,0,.897);font-family:Abel}.active{background-color:rgba(255,136,0,.897)}.modify-tutorial{display:flex;justify-content:space-between}.TestForm-conatiner{margin-top:70px}.createtest-form-container{width:600px;margin:100px auto;background-color:#fff7df;overflow:hidden;box-shadow:0 1px 2px 0 rgba(60,64,67,.123),0 1px 3px 1px rgba(60,64,67,.15);border-radius:25px;z-index:0}.createtest-form{margin:30px 50px;display:flex;flex-direction:column}.test-option{margin-top:10px}.test-question{font-size:18px;font-weight:700;margin:0 20px;background-color:transparent;border-radius:0;border:none;border-bottom:solid orange}.blog-edit-icon{color:#fff;font-size:25px}.blog-delete-icon{font-size:25px;color:tomato}
/*# sourceMappingURL=main.a7d25c30.chunk.css.map */