.maincontent{width:100%;height:100vh;display:flex}.leftcontent{width:45%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:1px 0 5px gray;background-color:#f08080}.img1{height:170px;width:170px;object-fit:cover;justify-content:center;border-radius:80px}.leftcontent h1{font-size:30px}.leftcontent h2{font-size:30px;font-family:Arial,Helvetica,sans-serif;margin:10px;justify-content:space-around;align-items:center}.tasking{width:300px;height:300px;padding:40px}.rightcontent{width:55%;height:100vh;display:flex;flex-direction:column;justify-content:baseline;align-items:center;gap:40px;background-color:#4fc8e0}.rightcontent h1{font-size:40px;padding:30px}.mytask{margin:10px;border:3px solid rgb(119,117,117);display:flex;align-items:center;justify-content:center;height:40px;padding:7px;box-shadow:2px 2px gray;background-color:silver}.inputcontent{display:flex;gap:10px;padding:20px}.inputcontent input{width:480px;height:80px;border-radius:15px;padding-left:10px;font-size:20px;border:1px solid black;background-color:#eae9e9}.inputcontent button{width:60px;height:60px;border-radius:10px;border:1px solid black}.taskcontent{width:550px;height:50px;border-radius:10px;border:1px solid black;box-shadow:5px 5px 2px gray;display:flex;gap:10px;padding:5px;margin:10px;align-items:center;justify-content:space-around;background-color:#ffebcd}.notcompleted{width:300px;font-size:16px}.completed{width:300px;font-size:16px;text-decoration:line-through}.updatebutton{width:50px;height:30px;border-radius:8px;background-color:none}.deletebutton{width:50px;height:30px;border-radius:8px;border:none}ul{list-style-type:none}.signcontent{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ff69b4}.signdiv{width:500px;height:500px;font-size:25px;box-shadow:0 0 10px gray;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:10px;margin:10px;background-color:#0ff}.signdiv h1{display:flex;align-items:center;justify-content:center;height:40px;box-shadow:5px 3px gray;border-radius:10px;border:10px;padding:5px;margin:10px;background-color:#ffdead}button{display:flex;align-items:center;width:350px;justify-content:center;height:40px;box-shadow:5px 3px gray;border-radius:10px;border:10px;padding:5px;margin:10px;background-color:#ffdead}button:hover{box-shadow:5px 5px gray}.google{height:40px;width:40px}.image{height:35px;width:35px}*{margin:0;padding:0;font-family:sans-serif;font-weight:700}
