:root{--first-color:#fff;--second-color:#f5f5f5;--third-color:#ccc;--fourth-color:#777;--fifth-color:#7695ec;--sixth-color:#000;--seventh-color:#47b960;--eighth-color:#ff5151;--ninth-color:#999}body{font-family:Roboto,sans-serif;margin:0}.signup{align-items:center;background-color:var(--second-color);display:flex;height:100vh;justify-content:center}.signup-div{background-color:var(--first-color);border:1px solid var(--third-color);border-radius:16px;gap:16px;padding:24px;width:30%}.signup-div,.signup-div-h1-label-input{align-items:start;display:flex;flex-direction:column;justify-content:center}.signup-div-h1-label-input{gap:24px;width:100%}.signup-div h1,p{cursor:default;margin:0}.signup-div h1{font-size:1.3rem;font-weight:700}.signup-div-label-input{display:flex;flex-direction:column;gap:8px;width:100%}.signup-div-button{display:flex;justify-content:end;width:100%}.specificStyleSignupButton{background-color:var(--third-color);border:1px solid var(--third-color);border-radius:8px}.newSpecificStyleSignupButton,.specificStyleSignupButton{color:var(--first-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 31px;width:111px}.newSpecificStyleSignupButton{background-color:var(--fifth-color);border:1px solid var(--fifth-color);border-radius:8px}@media (max-width:480px){.signup-div{width:70%}.signup-div h1{font-size:.9rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:481px){.signup-div{width:70%}.signup-div h1{font-size:.9rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:768px){.signup-div{width:60%}.signup-div h1{font-size:1rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:1rem;padding:6px 0;width:100px}}@media (min-width:1024px){.signup-div h1{font-size:1.1rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:1.1rem;width:105px}}@media (min-width:1280px){.signup-div h1{font-size:1.2rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:1.2rem;width:107px}}@media (min-width:1440px){.signup-div{width:50%}.signup-div h1{font-size:1.3rem}.newSpecificStyleSignupButton,.specificStyleSignupButton{font-size:1.3rem;width:111px}}input{border:1px solid var(--fourth-color);border-radius:8px;box-sizing:border-box;color:var(--third-color);font-size:.8rem;padding:10px 8px;width:100%}input,input:focus{outline:none}input::placeholder{color:var(--third-color)}@media (max-width:480px){input{font-size:.7rem}}@media (min-width:481px){input{font-size:.7rem}}@media (min-width:768px){input{font-size:.8rem}}label{font-size:1rem}@media (max-width:480px){label{font-size:.8rem}}@media (min-width:481px){label{font-size:.8rem}}@media (min-width:768px){label{font-size:.9rem}}@media (min-width:1024px){label{font-size:1rem}}.button{font-family:Roboto,sans-serif}.main-screen-page{align-items:center;background-color:var(--second-color);display:flex;flex-direction:column;justify-content:center;width:100vw}.main-screen-page-header-main{width:50%}@media (max-width:480px){.main-screen-page-header-main{width:70%}}@media (min-width:481px){.main-screen-page-header-main{width:70%}}@media (min-width:768px){.main-screen-page-header-main{width:60%}}@media (min-width:1440px){.main-screen-page-header-main{width:50%}}.header-content{background-color:var(--fifth-color);color:var(--first-color);cursor:default;padding:27px 37px}.header-content h1{font-size:1.3rem;margin:0}@media (max-width:480px){.header-content h1{font-size:.9rem}}@media (min-width:481px){.header-content h1{font-size:.9rem}}@media (min-width:768px){.header-content h1{font-size:1rem}}@media (min-width:1024px){.header-content h1{font-size:1.1rem}}@media (min-width:1280px){.header-content h1{font-size:1.2rem}}@media (min-width:1440px){.header-content h1{font-size:1.3rem}}.main-content{background-color:var(--first-color)}.main-content,.main-content-card-create{display:flex;flex-direction:column;gap:24px;padding:24px}.main-content-card-create{align-items:start;border:1px solid var(--third-color);border-radius:16px;justify-content:center}.main-content-card-create h1{cursor:default;font-size:1.3rem;margin:0}.main-content-card-create-label-input-textarea{display:flex;flex-direction:column;gap:8px;width:100%}.main-content-card-create-button{display:flex;justify-content:end;width:100%}.specificStyleMainScreenButton{background-color:var(--third-color);border:1px solid var(--third-color);border-radius:8px}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{color:var(--first-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 29px;width:120px}.newSpecificStyleMainScreenButton{background-color:var(--fifth-color);border:1px solid var(--fifth-color);border-radius:8px}@media (max-width:480px){.main-content-card-create h1{font-size:.9rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:481px){.main-content-card-create h1{font-size:.9rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:768px){.main-content-card-create h1{font-size:1rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:1rem;padding:6px 0;width:100px}}@media (min-width:1024px){.main-content-card-create h1{font-size:1.1rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:1.1rem;width:105px}}@media (min-width:1280px){.main-content-card-create h1{font-size:1.2rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:1.2rem;width:107px}}@media (min-width:1440px){.main-content-card-create h1{font-size:1.3rem}.newSpecificStyleMainScreenButton,.specificStyleMainScreenButton{font-size:1.3rem;width:111px}}textarea{border:1px solid var(--fourth-color);border-radius:8px;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:.8rem;line-height:1.5;outline:none;padding:10px 7px;resize:none;text-align:justify;width:100%}textarea,textarea::placeholder{color:var(--third-color)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background-color:var(--third-color);border-radius:8px;cursor:default}textarea::-webkit-scrollbar-thumb{background-color:var(--fourth-color);border-radius:8px;cursor:default}textarea::-webkit-scrollbar-thumb:hover{background-color:var(--ninth-color)}@media (max-width:480px){textarea{font-size:.7rem}}@media (min-width:481px){textarea{font-size:.7rem}}@media (min-width:768px){textarea{font-size:.8rem}}.container{gap:24px;width:100%}.card,.container{display:flex;flex-direction:column}.card{align-items:start;border:1px solid var(--third-color);border-radius:16px;gap:16px;justify-content:center;padding:104px 24px 24px;position:relative;width:auto}.card-title-edit-delete{align-items:center;background-color:var(--fifth-color);border:1px solid var(--fifth-color);border-top-left-radius:16px;border-top-right-radius:16px;color:var(--first-color);display:flex;justify-content:space-between;left:-1px;position:absolute;top:-1px;width:100%}.card-title-edit-delete h1{cursor:default;font-size:1.3rem;margin:0;overflow-x:auto;padding:24px;white-space:nowrap;width:60%}.card-title-edit-delete h1::-webkit-scrollbar{height:6px}.card-title-edit-delete h1::-webkit-scrollbar-track{background-color:var(--third-color);border-radius:8px;cursor:default}.card-title-edit-delete h1::-webkit-scrollbar-thumb{background-color:var(--fourth-color);border-radius:8px;cursor:default}.card-title-edit-delete h1::-webkit-scrollbar-thumb:hover{background-color:var(--ninth-color)}.card-user-date-content{align-items:start;display:flex;flex-direction:column;font-size:1.1rem;gap:16px;justify-content:center;width:100%}.card-user-date-content-span-span{align-items:center;color:var(--fourth-color);display:flex;justify-content:space-between;width:100%}.card-user-date-content-span-span-username{font-weight:700}.card-user-date-content-text{box-sizing:border-box;color:var(--sixth-color);height:246px;line-height:1.5;overflow:auto;overflow-wrap:break-word;text-align:justify;white-space:pre-line;width:100%;word-break:break-word}.card-user-date-content-text::-webkit-scrollbar{width:6px}.card-user-date-content-text::-webkit-scrollbar-track{background-color:var(--third-color);border-radius:8px;cursor:default}.card-user-date-content-text::-webkit-scrollbar-thumb{background-color:var(--fourth-color);border-radius:8px;cursor:default}.card-user-date-content-text::-webkit-scrollbar-thumb:hover{background-color:var(--ninth-color)}@media (max-width:480px){.card-title-edit-delete h1{font-size:.9rem;padding:16px}.card-user-date-content{font-size:.9rem}.card-user-date-content-text{padding-right:6px}}@media (min-width:481px){.card-title-edit-delete h1{font-size:.9rem;padding:16px}.card-user-date-content{font-size:.9rem}.card-user-date-content-text{padding-right:6px}}@media (min-width:768px){.card-title-edit-delete h1{font-size:1rem;padding:18px;width:65%}.card-user-date-content{font-size:1rem}}@media (min-width:1024px){.card-title-edit-delete h1{font-size:1.1rem;padding:20px}.card-user-date-content{font-size:1.1rem}}@media (min-width:1280px){.card-title-edit-delete h1{font-size:1.2rem;padding:22px}}@media (min-width:1440px){.card-title-edit-delete h1{font-size:1.3rem;padding:24px}}.menutools{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:24px;position:relative}.menutools-icons{cursor:pointer;font-size:1.3rem}@media (max-width:480px){.menutools{gap:12px;padding:16px}.menutools-icons{font-size:.9rem}}@media (min-width:481px){.menutools{gap:12px;padding:16px}.menutools-icons{font-size:.9rem}}@media (min-width:768px){.menutools{gap:14px;padding:18px}.menutools-icons{font-size:1rem}}@media (min-width:1024px){.menutools{gap:16px;padding:20px}.menutools-icons{font-size:1.1rem}}@media (min-width:1280px){.menutools{padding:22px}.menutools-icons{font-size:1.2rem}}@media (min-width:1440px){.menutools{padding:24px}.menutools-icons{font-size:1.3rem}}.modalEditOverlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0}.modalEditContent,.modalEditOverlay{align-items:center;display:flex;justify-content:center}.modalEditContent{background:var(--first-color);border:1px solid var(--ninth-color);border-radius:16px;flex-direction:column;gap:24px;padding:24px;position:absolute;width:50%}.modalEditContent:focus{outline:none}.modalEditContent-title{align-items:center;display:flex;justify-content:start;width:100%}.modalEditContent-title h1{font-size:1.3rem;margin:0}.formEditModal{align-items:start;display:flex;flex-direction:column;gap:24px;justify-content:center;width:100%}.editButtons{align-items:center;display:flex;gap:16px;justify-content:end;width:100%}.specificStyleModalEditCancelButton{background-color:var(--first-color);border:1px solid var(--sixth-color);border-radius:8px;color:var(--sixth-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 33px;width:120px}.specificStyleModalEditSaveButton{background-color:var(--seventh-color);border:1px solid var(--seventh-color);border-radius:8px;color:var(--first-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 28px;width:120px}@media (max-width:480px){.modalEditContent-title h1{font-size:.9rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:481px){.modalEditContent-title h1{font-size:.9rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:768px){.modalEditContent-title h1{font-size:1rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:1rem;padding:6px 0;width:100px}}@media (min-width:1024px){.modalEditContent-title h1{font-size:1.1rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:1.1rem;width:105px}}@media (min-width:1280px){.modalEditContent-title h1{font-size:1.2rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:1.2rem;width:107px}}@media (min-width:1440px){.modalEditContent-title h1{font-size:1.3rem}.specificStyleModalEditCancelButton,.specificStyleModalEditSaveButton{font-size:1.3rem;width:111px}}.fieldLabelInputModalEdit,.fieldLabelTextareaModalEdit{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.modalDeleteOverlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0}.modalDeleteContent,.modalDeleteOverlay{align-items:center;display:flex;justify-content:center}.modalDeleteContent{background:var(--first-color);border:1px solid var(--ninth-color);border-radius:16px;flex-direction:column;gap:40px;padding:24px;position:absolute;width:50%}.modalDeleteContent:focus{outline:none}.modalDeleteContent-title{align-items:center;display:flex;justify-content:start;width:100%}.modalDeleteContent-title h1{font-size:1.3rem;margin:0}.deleteButtons{align-items:center;display:flex;gap:16px;justify-content:end;width:100%}.specificStyleModalDeleteCancelButton{background-color:var(--first-color);border:1px solid var(--ninth-color);border-radius:8px;color:var(--sixth-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 33px;width:120px}.specificStyleModalDeleteButton{background-color:var(--eighth-color);border:1px solid var(--eighth-color);border-radius:8px;color:var(--first-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 21px;width:120px}@media (max-width:480px){.modalDeleteContent-title h1{font-size:.9rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:481px){.modalDeleteContent-title h1{font-size:.9rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:768px){.modalDeleteContent-title h1{font-size:1rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:1rem;padding:6px 0;width:100px}}@media (min-width:1024px){.modalDeleteContent-title h1{font-size:1.1rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:1.1rem;width:105px}}@media (min-width:1280px){.modalDeleteContent-title h1{font-size:1.2rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:1.2rem;width:107px}}@media (min-width:1440px){.modalDeleteContent-title h1{font-size:1.3rem}.specificStyleModalDeleteButton,.specificStyleModalDeleteCancelButton{font-size:1.3rem;width:111px}}.popupDefault{align-items:start;background-color:var(--fourth-color);border:none;border-radius:16px;color:var(--second-color);display:flex;flex-direction:column;gap:24px;justify-content:center;left:35%;padding:16px;position:fixed;top:15%;width:25%}.popupDefault span{cursor:default}.popupDefaultButton{display:flex;justify-content:end;width:100%}.specificStyleButtonPopup{background-color:var(--second-color);border:1px solid var(--second-color);border-radius:8px;color:var(--fourth-color);cursor:pointer;font-size:1rem;font-weight:700;padding:6px 33px;transition:all .3s ease;width:120px}.specificStyleButtonPopup:hover{background-color:var(--fourth-color);border:1px solid var(--second-color);color:var(--second-color)}@media (max-width:480px){.popupDefault{left:25%;width:40%}.popupDefault span{font-size:.8rem}.specificStyleButtonPopup{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:481px){.popupDefault{left:25%;width:40%}.popupDefault span{font-size:.8rem}.specificStyleButtonPopup{font-size:.9rem;padding:4px 0;width:80px}}@media (min-width:768px){.popupDefault{width:45%}.popupDefault span{font-size:.9rem}.specificStyleButtonPopup{font-size:1rem;padding:6px 0;width:100px}}@media (min-width:1024px){.popupDefault span{font-size:1rem}.specificStyleButtonPopup{font-size:1.1rem;width:105px}}@media (min-width:1280px){.specificStyleButtonPopup{font-size:1.2rem;width:107px}}@media (min-width:1440px){.popupDefault{left:30%;width:40%}.specificStyleButtonPopup{font-size:1.3rem;width:111px}}.loader-span{align-items:center;bottom:5%;display:flex;gap:8px;position:fixed;right:5%}.loader-span-animation{animation:spin 1s linear infinite;border:5px solid #0003;border-radius:50%;border-top:5px solid var(--fourth-color);height:20px;width:20px;z-index:1}.loader-span-text{color:var(--fourth-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-not-found{align-items:center;background-color:var(--second-color);display:flex;flex-direction:column;gap:48px;height:100vh;justify-content:start;padding:24px}.text404{display:block;font-size:6rem;font-weight:700;text-align:center}.text404,.title{color:var(--fourth-color)}.title{font-size:3rem;margin:0}.paragrafh{color:var(--fourth-color);font-size:1.5rem;line-height:1.75rem}.back-page{font-size:3rem}@media (max-width:480px){.text404{font-size:3rem}.title{font-size:1.5rem}.paragrafh{font-size:.8rem}.back-page{font-size:1.5rem}}@media (min-width:481px){.text404{font-size:3rem}.title{font-size:1.5rem}.paragrafh{font-size:.8rem}.back-page{font-size:1.5rem}}@media (min-width:768px){.text404{font-size:3.5rem}.title{font-size:1.7rem}.paragrafh{font-size:1rem}.back-page{font-size:1.7rem}}@media (min-width:1024px){.text404{font-size:4rem}.title{font-size:2rem}.paragrafh{font-size:1.2rem}.back-page{font-size:2rem}}@media (min-width:1280px){.text404{font-size:5rem}.title{font-size:2.5rem}.paragrafh{font-size:1.3rem}.back-page{font-size:2.5rem}}@media (min-width:1440px){.text404{font-size:6rem}.title{font-size:3rem}.paragrafh{font-size:1.5rem}.back-page{font-size:3rem}}
/*# sourceMappingURL=main.ef5e002c.css.map*/