@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Montserrat&display=swap);.container-post{gap:20px;justify-content:center}.container-post,.container-post .post{align-items:center;display:flex;flex-direction:column}.container-post .post{background-color:#dadada;border-radius:20px;padding:10px}.container-post .post .post-title{text-transform:uppercase}.form{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.form .input{background:#ccc;border:none;border-radius:15px;min-width:20%;padding:10px;width:60%}.form .input:active,.form .input:focus{background-color:bisque}.form .submit{background-color:blue;border-radius:15px;color:#fff;cursor:pointer;padding:10px;text-transform:uppercase;width:60%}.form .submit:active{background-color:red;scale:.92}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:4px solid #006d77;border-radius:50%;border-top-color:#101828;height:6rem;margin:10rem auto 0;width:6rem}.task-container{background-color:#555;border-radius:6px;color:#fff;margin-bottom:20px;padding:10px 14px 10px 15px}.task-container h1{text-align:left;text-transform:uppercase}.task-container .task-text{text-transform:capitalize}.task-container .task-text.completed{color:red;opacity:.3;text-decoration:line-through}.form-todo{align-items:center;display:flex;gap:5px;min-width:100%}.form-todo .input{border:none;border-radius:10px;min-width:30%;padding:10px;width:80%}.form-todo .input:active,.form-todo .input:focus{border:noe}.form-todo .input-btns{align-items:center;display:flex;gap:10px;min-width:10%;width:20%}.form-todo .input-btns .input-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 15px}.form-todo .input-btns .input-btn.success{background-color:green}.form-todo .input-btns .input-btn.warning{background-color:red}.tasks{align-items:center;background-color:#b8b8b8;display:flex;justify-content:space-between;padding:10px 14px 10px 15px}.tasks .task{font-size:20px}.tasks .task.done{color:red;text-decoration:line-through}.icons-container{display:flex;font-size:20px;gap:10px}.icons-container .complete{color:green;cursor:pointer}.icons-container .complete:active{scale:.9}.icons-container .edit{color:blue;cursor:pointer}.icons-container .edit:active{scale:.9}.icons-container .delete{color:red;cursor:pointer}.icons-container .delete:active{scale:.9}.nav{align-items:center;display:flex;font-size:1rem;gap:1rem;padding:0 2rem}.link{color:gray;padding:5px}.link.active{border-bottom:2px solid #006d77;color:#006d77}.users-container{align-items:center;background-color:#a4a3a3;border-radius:20px;display:flex;flex-direction:column;margin:0 auto;max-width:500px;text-align:center}.users-container .user{cursor:pointer;display:flex;flex-direction:column;max-width:200px}.users-container .user:hover{scale:1.1}.users-container .user .username{color:blue}.user-container{align-content:center;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}.user-container .content{align-items:center;display:flex;gap:20px}.user-container .content .icon{color:blue;font-size:20px}.user-container .content .descr{align-items:flex-start;display:flex;flex-direction:column}.user-container .content .descr .main{display:flex;flex-direction:column;font-size:20px}.user-container .content .descr .main p{margin:0}.user-container .content .descr .secondary{color:#ff5353;font-size:16px}.tabs-container{background:#f1f1f1;border:1px solid rgba(0,0,0,.274);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;margin:100px auto 25px;max-width:1000px;position:relative;width:100%;word-break:break-all}.tabs-container .bloc-tabs{display:flex}.tabs-container .bloc-tabs .tabs{background:hsla(0,0%,50%,.075);border:none;border-bottom:1px solid rgba(0,0,0,.274);box-sizing:initial;cursor:pointer;outline:none;padding:15px;position:relative;text-align:center;width:50%}.tabs-container .bloc-tabs .tabs.active-tabs{background:#fff;border-bottom:1px solid transparent}.tabs-container .bloc-tabs .tabs.active-tabs:before{background:#5893f1;content:"";display:block;height:5px;left:50%;position:absolute;top:-5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% + 2px)}.tabs-container .content-tabs{flex-grow:1}.tabs-container .content-tabs .content{background:#fff;display:none;height:100%;padding:20px;width:100%}.tabs-container .content-tabs .content.active-content{display:block}.single-container{margin-bottom:2px;max-width:100%;text-align:center}.single-container span{background-color:bisque;border-radius:10px;padding:2px}.single-container:hover{scale:1.1}.task-text{color:blue}.task-text.completed{color:red;opacity:.9;text-decoration:line-through}.user-id{color:#006d77}.post-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.post-container .post-content{background-color:#ccc;border-radius:15px;display:flex;flex-direction:column;padding:5px;width:200px}.post-container .post-content .post-title{color:blue}.post-container .post-content .post-body{color:red}*,:after,:before{box-sizing:border-box}html{font-size:100%}:root{--primary-100:#e2e0ff;--primary-200:#c1beff;--primary-300:#a29dff;--primary-400:#837dff;--primary-500:#645cff;--primary-600:#504acc;--primary-700:#3c3799;--primary-800:#282566;--primary-900:#141233;--grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#cbd5e1;--grey-400:#94a3b8;--grey-500:#64748b;--grey-600:#475569;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--black:#222;--white:#fff;--red-light:#f8d7da;--red-dark:#842029;--green-light:#d1e7dd;--green-dark:#0f5132;--small-text:0.875rem;--extra-small-text:0.7em;--backgroundColor:var(--grey-50);--textColor:var(--grey-900);--borderRadius:0.5rem;--letterSpacing:1px;--transition:0.3s ease-in-out all;--max-width:1120px;--fixed-width:600px;--shadow-1:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-2:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-3:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-4:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body{background:#f8fafc;background:var(--backgroundColor);color:#0f172a;color:var(--textColor);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.75}p{margin-bottom:1.5rem;max-width:40em}h1,h2,h3,h4,h5{font-family:var(--headingFont);font-weight:400;letter-spacing:1px;letter-spacing:var(--letterSpacing);line-height:1.3;margin:0 0 1.38rem;text-transform:capitalize}h1{font-size:3.052rem;margin-top:0}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}.text-small,small{font-size:.875rem;font-size:var(--small-text)}a{text-decoration:none}ul{list-style-type:none;padding:0}.footer{background-color:#842029;background-color:var(--red-dark);color:#fff;margin-top:auto;text-align:center}.btn{background:#645cff;background:var(--primary-500);border:transparent;border-radius:.5rem;border-radius:var(--borderRadius);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-1);color:#fff;color:var(--white);cursor:pointer;display:inline-block;letter-spacing:1px;letter-spacing:var(--letterSpacing);padding:.375rem .75rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.btn:hover{background:#3c3799;background:var(--primary-700);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-3)}.section{margin:0 auto;max-width:1120px;max-width:var(--max-width);padding:2rem 0;width:90vw}
/*# sourceMappingURL=main.3864406a.css.map*/