body{font-family:Roboto,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.head{background-color:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 2px 5px #0000001a}.head img{width:50px;margin-right:10px}.head h1{font-size:24px;margin:0}.board{display:grid;grid-template-columns:1fr 1fr;padding:20px;justify-items:center}.column{display:grid;width:calc(100% - 30px);max-width:400px;margin:10px;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000001a}.column h2{font-size:18px;margin-bottom:10px;color:#333}.task-input{width:60%;padding:8px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}.task{background-color:#e0e0e0;padding:10px;border-radius:5px;margin-bottom:10px;cursor:move}.add-task-btn{background-color:#4caf50;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:5px;cursor:pointer;transition:background-color .3s}.add-task-btn:hover{background-color:#45a049}#todo .task{background-color:#b3e5fc}#in-progress .task{background-color:#ffcdd2}#done .task{background-color:#c8e6c9}.task{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;border-radius:5px;padding:5px;margin-bottom:5px;cursor:move}.delete-btn{float:right;cursor:pointer}.tasks-in-btn{display:flex;justify-content:space-around;margin-bottom:3px}ul{list-style:none}[draggable=true]{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}ul.moveable{list-style:none;margin:0}ul.moveable li{list-style-image:none;margin:10px;border:1px solid #ccc;padding:4px;border-radius:4px;color:#666;cursor:move}ul.moveable li:hover{background-color:#eee}.task-container{height:600px;background-color:#437e9c}.results-page-table{display:grid;grid-template-columns:1fr;justify-items:center}.results-page-table li{display:grid;grid-template-columns:2fr;justify-items:center;grid-gap:20px}ul.results-page-table li:nth-child(2n){background-color:#ffffe0}.list-item{position:relative;padding:15px;background:#f5f5f5;border-radius:4px;margin:10px 0;cursor:pointer;transition:background .3s ease}.list-item:hover{background:#e0e0e0}.dialogue{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 15px;border-radius:4px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;white-space:nowrap}.dialogue:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-style:solid;border-color:#333 transparent transparent transparent}.list-item:hover .dialogue{opacity:1;visibility:visible}.results-page-error{display:grid;grid-template-columns:1fr;justify-items:center;font-weight:500;font-size:1.8em;margin-top:20px}@media (max-width:600px){#right-column{height:600px;padding-left:5px}}@media (min-width:600px){#right-column{height:600px;padding-left:5px}}@media (min-width:768px){#right-column{height:600px;padding-left:10px}}@media (min-width:992px){#right-column{height:600px;padding-left:10px}.sm\:size-16{width:4rem;height:4rem}}@media (min-width:1200px){#right-column{height:600px;padding-left:10px}}