:root{--color-bg:#545454;--color-bg-hover:#0f7dc6;--color-active:#6c6cfd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}ul{list-style:none;padding:0}header{background-color:#545454;background-color:var(--color-bg);padding:2rem 0;text-align:center}header>a{color:#fff;padding:0 1rem;text-decoration:none}header>a:hover{text-decoration:underline}h1{text-align:center}.container{margin:0 auto;max-width:900px;padding:2rem 0;width:90vw}.active{color:#6c6cfd;color:var(--color-active)}.card{border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.6);margin-bottom:30px;padding:20px}.card>a{color:#6c6cfd;color:var(--color-active);display:block;margin-top:20px;text-decoration:none}.card>a:hover{text-decoration:underline}.input-field{display:flex}.input-field__input{font-size:16px;padding:5px 15px;width:100%}.input-field__button{font-size:16px;font-weight:600;min-width:150px;padding:5px 15px}.todo{align-items:center;border:1px solid #dadada;display:flex;font-size:16px;margin-bottom:10px;padding:5px}.todo__text{width:100%}.todo__check{margin-right:20px}.todo__check:checked+.todo__text{text-decoration:line-through}.todo__delete{color:red;cursor:pointer;font-size:16px;font-weight:700;padding-left:20px}.completed{text-decoration:line-through}.post-form{margin-bottom:30px}.post-form__field-error{color:red;margin-left:10px}.post-form__input-wrapper{margin-bottom:20px}.user-details{color:#656566}.user-details__item{align-items:center;display:flex;margin-bottom:20px}.user-details__icon{color:#2696ef;margin-right:20px;width:25px}.user-details__info{max-width:200px}.tabs-container{margin-top:50px}.tabs{border-bottom:1px solid rgba(0,0,0,.274);box-sizing:initial;color:rgba(0,0,0,.274);cursor:pointer;display:initial;font-weight:700;outline:none;padding:15px 30px;position:relative;text-align:center;text-decoration:none;width:50%}.tabs.active,.tabs:hover{color:#737071}.tabs.active{background:#fff;border-bottom:1px solid transparent;border-left:1px solid rgba(0,0,0,.274);border-right:1px solid rgba(0,0,0,.274)}.tabs.active:before{background:#f6ae35;content:"";display:block;height:5px;left:50%;position:absolute;top:-5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% + 2px)}.user-todo{border-bottom:1px solid #d9d9dd;display:block;padding:10px 10px 10px 0;position:relative}.user-todo,.user-todo__check{cursor:pointer}.user-todo,.user-todo__text{align-items:center;-webkit-column-gap:1ch;column-gap:1ch;display:flex}.user-todo__check:checked+.user-todo__text{color:#d9d9dd;text-decoration:line-through}.user-todo__text:after,.user-todo__text:before{content:""}.user-todo__text:before{border:1px solid #5b656b;border-radius:50%;height:1.2rem;width:1.2rem}.user-todo__text:after{border-bottom:2px solid transparent;border-right:2px solid transparent;height:.56em;left:4px;position:absolute;top:18px;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:.3em}.user-todo__check{display:none;height:1rem;margin-bottom:0;padding:0;width:1rem}.user-todo__check:checked+.user-todo__text:after{border-bottom-color:#60c2b1;border-right-color:#60c2b1}
/*# sourceMappingURL=main.82fb39a6.css.map*/