*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:10px}.editor-container{flex-grow:1;flex-basis:0;display:flex;flex-direction:column;padding:.5rem;background-color:#3c3e44;transition:all 1s ease-in-out}.editor-container .code-mirror-wraper{flex-grow:1;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}.editor-container .code-mirror-wraper .CodeMirror{height:100%!important;font-size:1.7rem;font-family:"Martel",serif}.editor-title{display:flex;justify-content:space-between;background-color:#1f2023;color:#fff;font-family:"Vollkorn",serif;font-size:2.5rem;padding:.5rem .5rem .5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.editor-title .expand-btn{margin-left:.5rem;background:none;border:none;color:#fff;cursor:pointer}.collapsed{flex-grow:0}.collapsed .CodeMirror-scroll{position:absolute;overflow:hidden}.cm-s-default{background-color:#36373b!important;color:#fff!important}.nav__editor{background-color:#22262a;display:flex;align-items:center;justify-content:space-between;height:5vh;padding:1rem}@media (max-width:600px){.nav__editor{flex-direction:column;height:100%}}.nav__editor--left-items{display:flex;align-items:center}@media (max-width:600px){.nav__editor--left-items{flex-direction:column}}.nav__editor--left-items .nav__item{margin-left:2rem;font-size:2.5rem;color:#ced4da}.nav__editor--left-items .nav__item--username{color:#f9fafb;font-family:"Vollkorn",serif}.nav__editor--left-items #logo{display:block;fill:none;stroke:#ced4da;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;height:100%;width:15rem}.nav__editor--left-items #logo:hover{stroke:#eaedf0}.nav__editor .right-items{height:5vh;padding:.2rem}.nav__editor .right-items .btn{height:90%;border-radius:5rem;width:10rem;background-color:transparent;border:1px solid #eaedf0;color:#eaedf0;cursor:pointer;font-size:2rem;transition:all .3s ease-out;font-family:"Gudea",sans-serif;margin-right:1rem}.nav__editor .right-items .btn:hover{background-color:#eaedf0;color:#22262a}.top-pane{background-color:#3c3e44}.pane{height:50vh;display:flex}.signin{font-family:"Gudea",sans-serif}.signin__heading{font-size:5rem;color:#eaedf0;margin-bottom:3rem;font-family:"Vollkorn",serif}.signin__form{max-width:50rem;width:100%;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.signin__form--container{background-color:#22262a;height:95vh;width:100vw;padding:1rem;display:flex;justify-content:center;align-items:center}.signin__input{display:block;width:100%;height:100%;border:none;padding:1rem;font-size:2.3rem;border-radius:3rem;background-color:#dfe3e7;color:#353b41;transition:all .2s ease-out}.signin__input::-webkit-input-placeholder{color:#353b41}.signin__input:-ms-input-placeholder{color:#353b41}.signin__input::-ms-input-placeholder{color:#353b41}.signin__input::placeholder{color:#353b41}.signin__input:active,.signin__input:focus{outline:none;background-color:#f9fafb}.signin__input--label{display:inline-block;height:5rem;width:100%;margin-bottom:3rem}.signin__btn{height:6rem;border-radius:3rem;width:100%;font-size:2.5rem;background-color:transparent;border:none;font-family:"Gudea",sans-serif;cursor:pointer;transition:all .3s ease-out;margin-bottom:3rem}.signin__btn--google{border:3px solid #4285f4;color:#4285f4}.signin__btn--google:hover{background-color:#4285f4;color:#f9fafb}.signin__btn--google:focus{color:#fff;outline:none}.signin__btn--github{border:3px solid #fafafa;color:#fafafa}.signin__btn--github:hover{background-color:#333}.signin__btn--github:focus{color:#fff;outline:none}.signin__btn--facebook{border:3px solid #3b5998;color:#4285f4}.signin__btn--facebook:hover{background-color:#3b5998;color:#f9fafb}.signin__btn--facebook:focus{color:#fff;outline:none}.signin__btn--twitter{border:3px solid #1da1f2;color:#1da1f2}.signin__btn--twitter:hover{background-color:#1da1f2;color:#f9fafb}.signin__btn--twitter:focus{color:#fff;outline:none}.nav__signin{background-color:#22262a;display:flex;align-items:center;justify-content:space-between;height:5vh;padding:1rem}.nav__signin--newPen{font-size:2rem;color:#ced4da;text-decoration:none;transition:all .2s ease-in}.nav__signin--newPen:focus,.nav__signin--newPen:hover{color:#dfe3e7}.nav__signin--logo{display:block;fill:none;stroke:#ced4da;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;height:100%;width:150px}.nav__homepage{height:5vh;width:100%;background-color:#22262a;display:flex;justify-content:space-between;padding:0 1rem}@media (max-width:600px){.nav__homepage{padding:.3rem 1rem}}.nav__homepage--btn{height:90%;border-radius:5rem;width:10rem;background-color:transparent;border:1px solid #eaedf0;color:#eaedf0;font-family:"Gudea",sans-serif;cursor:pointer;font-size:2rem;transition:all .3s ease-out;margin-right:1rem}@media (max-width:600px){.nav__homepage--btn{font-size:1.5rem}}.nav__homepage--btn:hover{background-color:#eaedf0;color:#22262a}.homepage__container{height:95vh;width:100vw;background-color:#353b41;display:flex;flex-direction:column;align-items:center;font-family:"Gudea",sans-serif}.homepage__container .heading{font-size:6rem;display:flex;width:100vw;font-family:"Vollkorn",serif;justify-content:center;color:#dfe3e7}.homepage__container .createPen__container{max-width:70rem;display:flex;justify-content:center;width:100%}@media (max-width:400px){.homepage__container .createPen__container{flex-direction:column;padding:0 1rem}}.homepage__container .createPen__container .createPen-input{background-color:#353b41;color:#dfe3e7;height:100%;max-width:40rem;width:100%;font-size:2.5rem;padding:.5rem;border:2px solid #dfe3e7;border-right:none;border-radius:1.5rem 0 0 1.5rem;transition:all .3s ease;font-family:"Gudea",sans-serif}@media (max-width:400px){.homepage__container .createPen__container .createPen-input{border-radius:1.5rem;border:2px solid #dfe3e7}}.homepage__container .createPen__container .createPen-input::-webkit-input-placeholder{color:#dfe3e7}.homepage__container .createPen__container .createPen-input:-ms-input-placeholder{color:#dfe3e7}.homepage__container .createPen__container .createPen-input::-ms-input-placeholder{color:#dfe3e7}.homepage__container .createPen__container .createPen-input::placeholder{color:#dfe3e7}.homepage__container .createPen__container .createPen-input:focus{background-color:#dfe3e7;color:#353b41;outline:none}.homepage__container .createPen__container .createPen-input:focus::-webkit-input-placeholder{color:#353b41}.homepage__container .createPen__container .createPen-input:focus:-ms-input-placeholder{color:#353b41}.homepage__container .createPen__container .createPen-input:focus::-ms-input-placeholder{color:#353b41}.homepage__container .createPen__container .createPen-input:focus::placeholder{color:#353b41}.homepage__container .createPen__container .createPen-input--btn{height:100%;background-color:#dfe3e7;color:#353b41;padding:1rem;font-size:2rem;cursor:pointer;transition:all .5s ease;border:2px solid #dfe3e7;border-radius:0 1.5rem 1.5rem 0;font-family:"Gudea",sans-serif}.homepage__container .createPen__container .createPen-input--btn:focus,.homepage__container .createPen__container .createPen-input--btn:hover{background-color:transparent;border:2px solid #dfe3e7;border-left:none;color:#dfe3e7}@media (max-width:400px){.homepage__container .createPen__container .createPen-input--btn:focus,.homepage__container .createPen__container .createPen-input--btn:hover{border-left:2px solid #dfe3e7}}@media (max-width:400px){.homepage__container .createPen__container .createPen-input--btn{margin-top:1rem;border-radius:1.5rem}}.homepage__container .pen__container{max-width:80rem;width:100%;border:2px solid #dfe3e7;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:50rem;margin-top:3rem}.homepage__container .pen__container .pen{width:100%;border-bottom:2px solid #dfe3e7;display:flex;justify-content:space-between}.homepage__container .pen__container .pen__text{padding:1rem;font-size:2rem;color:#dfe3e7;text-decoration:none}.homepage__container .pen__container .pen__text:hover{color:#eaedf0}.homepage__container .pen__container .pen__btn{height:100%;max-width:10rem;width:100%;background-color:transparent;border:none;font-size:2rem;cursor:pointer;transition:all .3s ease-in;color:#dfe3e7}.homepage__container .pen__container .pen__btn:hover{border-right-color:transparent;background-color:#ee6352}.homepage__container .pen:last-of-type{border:none}.loader{height:100%;width:100vw;position:absolute;top:0;bottom:0;background-color:#6d767e;display:flex;justify-content:center;align-items:center;overflow:hidden}.loader svg{height:100px;width:100px;transform:scale(2);display:block;fill:none;stroke:#000;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;height:100%;width:150px}.loader-dot{fill:#000;stroke:none}
/*# sourceMappingURL=main.d40dcdad.chunk.css.map */