@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;900&display=swap);img{width:90%;display:inline-block;height:auto}textarea{padding:0;resize:none;outline:none}body{background-color:#19181a;padding:0;margin:0;font-family:"Montserrat",sans-serif;font-weight:500}.content-area{width:100%;height:calc(100vh - 3rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:-6px}.editor{width:46%;min-width:600px;height:98%;display:flex;flex-direction:column;margin-right:10px}.editor textarea{box-sizing:border-box;padding-left:3rem;padding-right:2rem;border:none}textarea::-webkit-input-placeholder{font-family:"Montserrat",sans-serif;font-weight:900;opacity:.5}textarea:-ms-input-placeholder{font-family:"Montserrat",sans-serif;font-weight:900;opacity:.5}textarea::placeholder{font-family:"Montserrat",sans-serif;font-weight:900;opacity:.5}.editor textarea:first-child{height:8rem;padding-top:2rem;border-top-left-radius:10px;border-top-right-radius:10px;font-family:"Montserrat",sans-serif;font-weight:900;font-size:2.3rem}.editor textarea:last-child{height:calc(100% - 6rem);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:1rem}.preview{width:46%;min-width:600px;height:98%;margin-left:10px}.preview .markdown{width:100%;height:100%;box-sizing:border-box;padding-left:3rem;padding-top:2rem;border-radius:10px;background-color:#fff;overflow:auto}blockquote{background:rgba(89,39,233,.1);padding:10px 30px;border-radius:6px;font-size:.8rem;line-height:1.2rem}code{background:hsla(0,0%,42%,.5);padding:3px;border-radius:3px}.editor-width{width:80%}.navbar{width:100%;height:3.3rem;display:flex;justify-content:space-around;align-items:center}.navbar .logo{font-family:"Montserrat",sans-serif;font-weight:900;color:#fff}.navbar .logo,.navigation{display:flex;height:100%;align-items:center}.navigation>button{border:none;background:none;margin-right:3px;cursor:pointer}.navigation-btns{height:100%;display:flex;align-items:center;margin-left:12px}.navigation-btns button{padding:8px 20px;border:none;border-radius:3px;color:#fff;font-family:"Montserrat",sans-serif;font-weight:700;background-color:#5927e9;font-size:.8rem;cursor:pointer;outline:none}.profile-picture{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 3px #5927e9;overflow:hidden}.profile-picture img{width:100%;height:auto;object-fit:cover}.profile-name{font-weight:700;margin-left:10px;font-size:1rem}.dropdown-background{margin-left:10px;height:100%;position:relative}.dropdown,.dropdown-background{display:flex;align-items:center}.dropdown{position:absolute;width:200px;top:3rem;right:0;height:auto;flex-direction:column;justify-content:center;box-sizing:border-box;padding:10px;border-radius:10px;background-color:#fff;box-shadow:2px 3px 10px rgba(0,0,0,.3);opacity:1;pointer-events:all;-webkit-transform:scale(1);transform:scale(1);transition:all .1s ease}.dropdown a{color:rgba(0,0,0,.6)!important;font-weight:600;width:100%;height:30px;margin-bottom:6px;text-align:center;font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);justify-content:center}.dropdown a,.sign-out{display:inline-block;display:flex;align-items:center}.sign-out{height:35px;margin-top:5px;justify-content:space-around;background-color:#ff562c!important}.hideDropdown{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;pointer-events:none}.unsaved{-webkit-transform:scale(1.4);transform:scale(1.4);color:#ff562c!important;-webkit-animation-name:unsave;animation-name:unsave;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes unsave{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes unsave{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}.saved{-webkit-transform:scale(1);transform:scale(1);color:#fff!important}.cover{width:100%;padding-bottom:60px}.create-repo,.project-section{color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2rem auto}.project-section{width:400px}.user-profile{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:3rem auto 0}.user-profile div:first-child{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 5px #5927e9;overflow:hidden}.user-profile h1{color:#fff}.user-profile div:first-child img{width:100%;height:auto;object-fit:cover}.user-profile hr{width:100%;border:none;border-top:1px solid hsla(0,0%,100%,.1)}.create-repo form{width:400px;height:300px;background-color:#37353a;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.create-repo form label p{font-size:.6rem;margin-bottom:3px;opacity:.6;margin-left:1.5rem}.create-repo form label{display:inline-block;width:100%}.create-repo form label input{display:inline-block;width:80%;padding:12px 20px;border-radius:5px;border:none;background:hsla(0,0%,100%,.3);font-weight:700;margin-left:1.5rem;color:#fff}.create-repo form label input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.create-repo form label input:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.create-repo form label input::placeholder{color:hsla(0,0%,100%,.3)}.create-repo form div:last-child{width:100%;display:flex;justify-content:center}.create-repo form button{width:calc(80% + 40px);padding:12px;border-radius:5px;border:none;margin-top:20px;background:#5927e9;font-weight:700;color:#fff;cursor:pointer}.auth-overlay{width:100%;height:100vh;justify-content:center}.auth-card,.auth-overlay{display:flex;align-items:center}.auth-card{width:500px;height:300px;background-color:#37353a;border-radius:10px;flex-direction:column;color:#fff;box-sizing:border-box;font-family:"Montserrat",sans-serif;font-weight:900;padding-top:3rem}.sign-in{padding:15px 50px;border-radius:5px;border:none;display:flex;align-items:center;background-color:#fff;font-weight:700;font-size:1rem;color:rgba(0,0,0,.6);cursor:pointer}.sign-in+p{font-weight:500;text-align:center;font-size:.6rem;width:60%;opacity:.6}body{width:100%;height:100%;overflow:auto}.spinner{width:30px;height:30px;border:6px solid hsla(0,0%,95.3%,.3);border-top-color:#5927e9;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.2828e4c9.chunk.css.map */