#layout{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.main-container{display:flex;flex-direction:column;align-items:center;width:95vw;height:auto;overflow-y:hidden;overflow-x:hidden}@media (min-width: 724px){.main-container{width:80vw}}#header-container{display:flex;align-items:center;justify-content:space-between;height:10vh;width:100vw;overflow-y:hidden;background:var(--lighter-background)}.header-logo{position:relative;display:flex;align-items:center;justify-content:center;width:40%;left:10px}.white-line{height:1px;width:100vw;background-color:var(--white)}.auth-container{display:flex;align-items:center;justify-content:space-between;position:relative;right:10px;height:100%;width:36%}.vertical-white-line{width:1px;height:42%;background-color:var(--white)}.profile-container{display:flex;flex-direction:column;margin-right:8px;height:100%;margin-top:2rem}.profile-link{font-size:1.75rem;cursor:pointer;text-decoration:underline;margin-bottom:.5rem}.log-out{opacity:.75;cursor:pointer;font-size:1.25rem;margin-top:1.75rem}@media (min-width: 768px){.header-logo{width:20%}.auth-container{width:25%;margin-right:1rem}.profile-container{margin-right:1rem}}@media (min-width: 1024px){.auth-container{width:18%}}@media (min-width: 1440px){.header-logo,.auth-container{width:12%}}#auth-container{display:flex;justify-content:center;width:100%;height:89vh}.login-container{display:flex;flex-direction:column;justify-content:center;width:100%;height:70%}.register-container{width:100%}#input-text-container{display:flex;flex-direction:column;width:100%;margin-bottom:2rem}.patern-label-text{font-size:1.5rem;margin-bottom:.75rem}.patern-input-text{width:100%;height:2.25rem;background:var(--white);color:#000;padding:0 8px;border-radius:4px;font-size:1.25rem}.red-input{border:2px solid red}#form-buttons-container{display:flex;align-items:center;justify-content:space-around;width:100%;margin-top:4rem}.patern-button{display:flex;align-items:center;justify-content:center;width:8rem;height:3rem;border-radius:4px;background:var(--primary-color)}.patern-button:disabled{opacity:.7}#spinner{width:28px;height:28px;border:4px solid var(--white);border-left-color:#000;border-radius:50%;animation:spin .45s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12vh;text-align:center;margin-top:1rem}.typewriter{font-size:1.8rem;font-weight:700;overflow:hidden}.subtext{font-size:1.1rem;margin-top:1rem;opacity:0;transition:opacity 1s ease-in}.fade-in{opacity:1}#main-page-container{display:flex;flex-direction:column;width:100%;height:89.9vh}.all-projects{display:flex;flex-direction:column;align-items:center;height:auto;max-height:26rem;overflow-y:scroll;width:100%;margin-bottom:16px}.all-projects h1{margin-top:16px;font-size:1.5rem}.selector-container{height:12rem;width:100%;margin-top:1rem}.main-page-divisory-line{width:100vw;height:1px;background:var(--white)}.new-project{display:flex;flex-direction:column;align-items:center;height:50%;width:100%;margin-top:16px}.new-project-h1{font-size:1.5rem}.new-project-input-container{display:flex;flex-direction:column;width:100%;margin-bottom:2rem}.new-project-label{font-size:1.15rem;margin:2rem 0 .75rem;font-weight:700}.new-project-input{display:flex;padding:8px;height:2rem;width:100%;background:var(--white);color:#000;font-size:1rem;border-radius:4px;font-weight:700}.new-project-button{display:flex;align-items:center;justify-content:center;width:10rem;height:4rem;font-size:2rem;border-radius:8px;font-weight:700;background:var(--primary-color)}.new-project-button:disabled{opacity:.5}@media (min-width: 768px){#main-page-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.main-page-divisory-line{width:1px;height:100%}.new-project{align-items:center;justify-content:center;margin-top:0;margin-left:8px;height:100%;width:50%}.all-projects{height:100%;width:50%;max-height:none;margin-right:8px}}#project-selector-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:12rem;border:1px solid var(--white);border-radius:4px}.dot{width:8px;height:8px;margin:0 8px;background:var(--white);border-radius:50%}.project-info-container{display:flex;flex-direction:column;width:90%;height:100%;padding-right:8px}.project-title{font-size:1.75rem;margin-top:.25rem;font-weight:700}.project-description{font-size:1rem;margin-top:1rem}#project-container{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;overflow-y:visible}.project-header-container{display:flex;justify-content:space-between;align-items:center;width:80%;height:10%;border-bottom:1px solid var(--white)}.edit-name-container{display:flex;align-items:center;width:70%}.project-preview-title{font-size:1.25rem;font-weight:700;margin-right:.5rem}.project-change-name-label{width:100%}.project-change-name-input{background:var(--white);color:#000;border-radius:2px;width:100%;font-weight:700;padding:4px}.project-box-preview-container{display:flex;flex-direction:column;align-items:center;width:100%;height:30rem;border:1px solid var(--white);margin-top:1rem}.project-box-title{font-size:1.75rem;padding:12px 0;height:10%}.main-box-container{display:flex;padding:8px;height:90%;width:100%}.project-script-preview{display:flex;flex-direction:column;width:100%;height:100%}.project-script-preview-chapter{display:flex;align-items:center;height:16%;width:100%}.project-script-preview-chapter-title{font-size:1.75rem}#main-idea-container{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;overflow-x:hidden}.main-idea-page-title{font-size:1.75rem;margin-top:1rem}.input-text-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:42rem;margin-top:2rem}.edit-main-idea-button{display:flex;align-items:center;justify-content:center;width:5rem;height:3rem;border-radius:8px;cursor:pointer}.red{background:red}.submit{background:var(--primary-color)}.main-idea-page-input{background:var(--white);width:100%;height:90%;color:#000;display:flex;align-items:start;resize:none;margin-bottom:8px;padding:4px}.control-buttons-container{display:flex;justify-content:space-between;width:80%;margin-top:2rem}.main-idea-fulltext{font-size:1rem;white-space:pre-line}@media (min-width: 768px){#main-idea-container{width:60%}.main-idea-page-title{margin-bottom:2rem}}#script-page-container{display:flex;flex-direction:column;width:100%;height:auto}.script-chapters-list{display:flex;flex-direction:column;align-items:center;width:100%}.script-page-title{font-size:1.75rem;margin:1rem 0}.script-page-buttons-container{display:flex;justify-content:space-between;width:80%;margin-bottom:1rem}.script-page-button{display:flex;justify-content:center;align-items:center;width:8rem;border-radius:4px;padding:8px}.script-page-chapters-listing{display:flex;flex-direction:column;width:100%;height:46rem}.script-chapters-editor{display:flex;flex-direction:column;align-items:center;width:100%;height:auto}.script-chapter-title-container{display:flex;align-items:center;justify-content:space-between;width:95%;height:8rem}.script-page-edit-input{width:80%;height:3rem;border-radius:8px;background:var(--white);color:#000;padding:8px}.script-page-edit-chapter-objectives-container{display:flex;flex-direction:column;width:100%;height:30rem;margin-top:1rem}.script-page-edit-chapter-objectives-container label{font-size:1.75rem;margin-bottom:.5rem}.script-page-objectives-edit{width:100%;height:24rem;padding:8px;resize:none;border-radius:8px;background:var(--white);color:#000;font-weight:700}.edit-objectives-button{align-self:flex-end;margin:1rem 1rem 0 0}.script-page-scenes-container{display:flex;flex-direction:column;width:100%;height:36rem;margin-top:1rem;overflow-y:scroll}.scenes-button-container{display:flex;justify-content:space-between;width:100%;margin-top:1rem}.greater-button{margin-left:4%}.retrieved-scene-container{display:flex;flex-direction:column;width:100%;height:auto;margin-bottom:4rem}.scene-title{font-size:1.5rem}.scene-container{white-space:pre-line;margin-top:.5rem}.script-chapter-header-button{display:flex;justify-content:space-between;width:100%}.script-return{align-self:flex-start;margin-top:1rem}.script-delete-chapter{align-self:flex-end;margin-top:1rem}.script-page-chapter-container{display:flex;flex-direction:column;position:relative;width:100%;height:auto;margin-top:1rem;margin-bottom:2rem;border:1px solid var(--white);padding:8px;border-radius:4px}.chapter-listing-title{font-size:1.75rem}.chapter-listing-main-idea{font-size:1.25rem;margin-top:.5rem;white-space:pre-line}.script-new-chapter-container{display:flex;flex-direction:column;width:100%;height:auto}.script-page-new-chapter-input{width:100%;height:3rem;border-radius:4px;background:var(--white);padding:8px;color:#000}.scene-editor-container{display:flex;flex-direction:column}.scene-editor-container button{align-self:flex-end;margin:0 .5rem .5rem 0}#arcs-page-container{display:flex;flex-direction:column;align-items:center;width:100%;height:auto}.arcs-listing-container{display:flex;flex-direction:column;width:100%}.arcs-listing-main{height:90%}.arcs-creating-container{display:flex;flex-direction:column;width:100%}.arc-create-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:24rem;border-radius:4px;margin-top:6rem}.arc-create-input-container label{font-size:1.75rem;font-weight:700;margin:2rem 0}.arc-create-input-container input{width:90%;height:3rem;background:var(--white);color:#000;border-radius:4px;padding:8px;margin-bottom:1rem}.arc-create-input-container button{display:flex;align-self:flex-end;margin-right:2rem}#arcs-listing-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.script-page-button:disabled{opacity:.6}#arc-listed-container{display:flex;flex-direction:column;width:100%;min-height:4rem;max-height:42rem;margin-top:2rem;font-weight:700;overflow-y:scroll}.open-arc-container{display:flex;justify-content:space-around;align-items:center;background:var(--primary-color);border-radius:6px}.arc-description-empty-container{display:flex;flex-direction:column;width:100%;height:100%}.arc-description-empty-warning{font-size:1.25rem;margin:1rem 0;text-decoration:underline}.opened-arc-container{display:flex;flex-direction:column;width:100%;height:auto;background:var(--primary-color);border-radius:6px;padding:8px}.description-container{display:flex;flex-direction:column;margin-top:2rem}.description-label-title-container{margin-bottom:.5rem}.description-input-title-container{width:100%;height:2.5rem;background:var(--white);color:#000;padding:8px;border-radius:4px}.description-label-textarea-container{margin:1rem 0 .5rem}.description-input-textarea-container{display:flex;width:100%;height:16rem;padding:8px;background:var(--white);color:#000;border-radius:4px}.description-container button{margin:1rem;align-self:flex-end}.description-container button:disabled{opacity:50%}.arc-all-descriptions{display:flex;flex-direction:column;width:100%;height:auto}.arc-delete-button{display:flex;align-items:center;justify-content:center;align-self:flex-start;width:8rem;height:3rem;background:red;border-radius:4px}.description-listed-container{display:flex;flex-direction:column;width:100%;height:24rem;margin-top:1rem}.desc-listed-title{font-size:1.25rem;margin:.5rem 0}.desc-listed-title-input{height:2.5rem;background:var(--white);color:#000;border-radius:4px;padding:8px;margin-bottom:1.75rem}.desc-listed-text{font-size:1.25rem;margin-bottom:.5rem}.desc-listed-text-input{height:16rem;background:var(--white);border-radius:4px;resize:none;color:#000;padding:8px}.desc-listed-buttons-container{display:flex;width:100%;justify-content:space-between;margin-top:.5rem}#characters-page-container{display:flex;flex-direction:column;width:100%;height:auto}.characters-listing-container{display:flex;flex-direction:column;width:100%}.character-page-button{display:flex;justify-content:center;align-items:center;width:12rem;border-radius:4px;padding:8px}.character-page-button:disabled{opacity:.6}.create-new-character-button{display:flex;align-self:flex-end;margin:1rem 1rem 0 0}#character-listed-container{display:flex;align-items:center;margin-top:1rem;width:100%;height:4rem;border:1px solid var(--white);border-radius:8px;padding:8px}.texts-container{display:flex;flex-direction:column;width:90%;height:100%}.texts-container h1{display:flex;align-self:initial;font-size:1.75rem;margin-bottom:.25rem;text-decoration:underline}#character-page-container{display:flex;flex-direction:column;align-items:center;width:100%}.paragraphs-listing{display:flex;flex-direction:column;width:100%}.create-char-paragraph-input{display:flex;flex-direction:column;width:100%;height:auto}.create-char-paragraph-input input{width:100%;height:3rem;background:var(--white);color:#000;border-radius:4px;padding:8px}.create-char-paragraph-input textarea{width:100%;height:36rem;background:var(--white);margin-top:1rem;border-radius:4px;color:#000;padding:8px}.create-char-paragraph-input button{display:flex;align-self:flex-end;margin:.5rem .5rem 0 0}.create-char-paragraph-input button:disabled{opacity:.6}#paragraph-page-container{display:flex;flex-direction:column;width:100%;min-height:8rem;max-height:24rem;overflow-y:scroll;border:1px solid var(--white);border-radius:4px;padding:8px;margin:2rem 0}.paragraph-noedit{display:flex;flex-direction:column}.paragraph-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.paragraph-text{white-space:pre-line}.buttons-container{display:flex;width:100%;justify-content:space-between}.character-page-return-button{display:flex;align-self:flex-start}.character-page-delete-button{display:flex;align-self:flex-end}.buttons-container{margin-top:.75rem}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--background-color)}*,button,input{border:0;background:none}html,body,#root{height:100%}body,input,textarea,button{font-size:16px;font-family:nunito,monospace;color:var(--white)}@media (max-width: 1024px){html{font-size:95.75%}}@media (max-width: 768px){html{font-size:80%}}:root{--primary-color: #3fa49b;--background-color: #170a1c;--lighter-background: #270a2c;--lighter-green: #4ef887;--white: #fbfbfb}