body{font-family:"Roboto",sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#8a2be2,#ff6f61,#ffcc99);color:white}header{background:rgba(0,0,0,0.5);padding:20px;text-align:center}h1{font-size:3em}.content{padding:30px;text-align:center}.dashboard{background-color:rgba(0,0,0,0.7);padding:20px;margin:20px 0}.task{background-color:#333;padding:10px;margin-bottom:10px;border-radius:5px}button{background-color:#4CAF50;color:white;border:none;padding:10px;cursor:pointer}button:hover{background-color:#45a049}footer{text-align:center;background-color:#222;padding:10px}