.header__date{margin:10px 0}.header__date h2{color:var(--font-color-secondary)}.header__date p{color:var(--font-color-tertiary)}.header__form{align-items:center;background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 .3px .9px var(--bg-shadow),0 1.6px 3.6px var(--bg-shadow);display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.header__form input{border:none;border:1px dashed transparent;border-radius:var(--border-radius);color:var(--font-color-secondary);font-size:16px;height:54px;margin:3px 0 3px 3px;outline:none;padding:10px;width:100%}.header__form input:focus{border-color:var(--font-color-primary)}.header__form input::placeholder{color:var(--font-color-tertiary)}.header__form button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--font-color-primary);color:var(--font-color-tertiary);display:flex;font-size:16px;font-weight:700;height:54px;margin:3px;outline:none;padding:14px;transition:all .5s}.header__form button:hover{background-color:var(--bg-active);color:var(--font-color-primary);cursor:pointer}.task{align-items:center;background-color:var(--bg-primary);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.task:before{border-left:2px solid transparent;content:"";height:20px;width:2px}.task:hover:before{border-color:var(--font-color-primary)}.task__content{align-items:center;border-radius:var(--border-radius);display:flex;height:54px;margin:3px 0 3px 3px;padding:10px;width:100%}.task__buttons{align-items:center;display:flex;justify-content:center;margin:3px}.task__buttons button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--font-color-tertiary);cursor:pointer;display:flex;height:54px;outline:none;padding:14px;transition:all.3s;width:100%}.task__buttons button:hover{background-color:var(--bg-active);color:var(--font-color-primary)}.task-edit{align-items:center;background-color:var(--bg-primary);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.task-edit button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--font-color-tertiary);cursor:pointer;display:flex;height:54px;margin:3px;outline:none;padding:14px;transition:all.3s}.task-edit button:hover{background-color:var(--bg-active);color:var(--font-color-primary)}.task-edit input{border:none;border:1px dashed transparent;border-radius:5px;color:var(--font-color-secondary);font-size:16px;height:54px;margin:3px 0 3px 3px;outline:none;padding:10px;width:100%}.task-edit input:focus{border-color:var(--font-color-primary)}:root{--bg-primary: rgb(255, 255, 255);--bg-secondary: rgb(243, 242, 241);--bg-active: rgba(141,143,217, .1);--bg-shadow: rgba(0, 0, 0, .1);--font-color-primary: rgb(141,143,217);--font-color-secondary: rgb(50, 49, 48);--font-color-tertiary: rgb(121, 119, 117);--border-radius: 5px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:10px}body,button,input{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.content{margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.content{width:600px}}@media screen and (min-width: 1024px){.content{width:800px}}