*{margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;padding:20px;position:relative}.navbar .logo{flex:1;padding-left:20px}.navbar .navlinks{flex:2;display:flex;justify-content:space-around;padding:20px}.navbar .Menu{flex:1;padding-top:10px;justify-items:end;font-size:50px}.link{font-size:30px;padding:5px}.link:hover{color:#645050;cursor:pointer}.navbar .hamburger{display:none}@media (max-width:1100px){.navbar .hamburger{display:flex;text-align:center;cursor:pointer}.navbar .navlinks{position:absolute;flex:2;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;z-index:-1;top:-100%;visibility:hidden}.showmenu{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:100px;z-index:10;background:#fff;width:100%;left:0;padding:15px 7.5px;transition:.3s;overflow:hidden}}.herosection{height:500px;max-width:100vw;background:#020024;background:linear-gradient(90deg,#020024,#0c67ae 45%,#00d4ff);display:flex;justify-content:center;align-items:center}.herosection .herodiv{text-align:center}.aboutusdiv{display:flex;justify-content:center;align-items:center}.aboutusdiv p{font-size:50px}.aboutus-description{display:flex;justify-content:space-between;margin-top:50px}.aboutus-description div{flex:1}.aboutus-description div p{padding:100px 20px;font-size:20px;line-height:2}@media (max-width:1100px){.aboutus-description div p{padding:60px 20px;line-height:1.5}.aboutus-description{margin-top:20px}}@media (max-width:700px){.aboutus-description{flex-direction:column}.aboutus-description div{display:block}}.Task-Manager{margin-top:50px}.createtodo{text-align:center}.Todoform{display:flex;justify-content:center;align-items:center;margin-top:20px}.Todoform form{width:100%;max-width:1000px;padding:20px}.Todoform input[type=text]{width:100%;max-width:600px;border-radius:5px;font-size:30px;border:1px solid #646363;margin-right:10px}.Todoform label{font-size:20px}@media (max-width:1100px){.Todoform form{display:flex;flex-direction:column}.Todoform input[type=text]{margin-bottom:15px}}.addtask{width:100%;max-width:200px;padding:10px;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.addtask:hover{background-color:#0056b3}.todo{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:10px}.getdata .title{flex:1;text-align:center}.getdata .description{flex:2;text-align:center}.getdata .done{flex:1;text-align:center}.getdata .title,.getdata .description{overflow-x:scroll}.getdata .title,.getdata .description,.getdata .done{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:20px}.btn{flex:1}.del,.update{border:none;border-radius:5px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin:5px}.del{background-color:#dc3545;color:#fff}.del:hover{background-color:#b02a37;transform:scale(1.05)}.update{background-color:#ffc107;color:#000}.update:hover{background-color:#e0a800;transform:scale(1.05)}.footer{margin:50px 20px 20px;display:flex;justify-content:center;align-items:center;position:relative}.footer img{padding-left:110px}.footer:before{content:"";position:absolute;height:.6px;top:0;left:0;width:100%;background:#212020}