@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;500&display=swap);
*{margin:0;padding:0;box-sizing:border-box;color:#000001}body{background:#f4f4f4;font-family:"Raleway",sans-serif}button,textarea,input{font-family:inherit}button,input,select{padding:12px 18px;outline:unset;border-radius:10px;border:unset;font-size:16px;cursor:pointer;transition:all .3s}button:hover{transform:translateY(-5px)}.container{max-width:1200px;margin:20px auto}ul{list-style:none}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}header .logo b{font-size:22px}.add-Todo{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.add-Todo button{background:#6236f5;color:#fff;width:100%}.add-Todo .form-control{width:100%}.add-Todo .form-control label{margin-bottom:9px;display:flex}.add-Todo .form-control input{width:100%}.Todos{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;align-items:flex-start}.Todos .dragg{border:2px solid #6236f5;transition:all .1s;cursor:move !important}.Todo-list{background:#fff;border:2px solid #fff;padding:25px;border-radius:15px}.Todo-list h2{margin-bottom:25px;font-size:22px;margin-left:5px;border-bottom:1px solid #eee;padding-bottom:25px}.Todo-list ul{border-radius:15px}.Todo-list ul .draggItem{opacity:.4}.Todo-list ul li{background:#f4f4f4;margin-bottom:15px;padding:18px;border-radius:10px;cursor:pointer;transition:all .3s}.Todo-list ul li:hover{box-shadow:0px 10px 15px #eee}.Todo-list ul li h3{margin-bottom:10px;font-size:18px}.Todo-list ul li p{margin-bottom:20px}.Todo-list ul li:last-child{margin-bottom:unset}