.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 1px 10px 1px gray;background-color:#e2f8fc;position:relative;top:0;left:0;right:0;bottom:0}.profpic{height:150px;width:150px;border-radius:50%;object-fit:cover}.leftcontent h1{font-size:35px;justify-content:center;align-items:center;display:flex;flex-direction:column}.taskimg{width:400px;height:300px;bottom:-30px;position:relative}.rightcontent{width:55%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;background-color:#f4fbfc;box-shadow:1px 1px 5px 1px gray;position:relative;top:0;left:0;right:0;bottom:0}.rightcontent h1{font-size:35px;padding:0;bottom:-30px;top:-30px;position:relative}.todoicon{height:80px;width:80px;border-radius:50%;object-fit:cover}.inputcontent{display:flex;gap:10px}.inputcontent input{width:480px;height:50px;border-radius:15px;padding-left:10px;font-size:15px;border:none;background-color:#f1f1f1;bottom:-30px;top:-30px;position:relative}.inputcontent button{width:70px;height:50px;border-radius:15px;background-color:#b0e0e6;border:none;box-shadow:1px 1px 5px 1px gray;bottom:-30px;top:-30px;position:relative}.taskcontent{width:550px;height:50px;border-radius:10px;box-shadow:5px 5px 2px gray;display:flex;gap:10px;align-items:center;justify-content:space-around;background-color:#fff;margin-top:10px;margin-bottom:10px;bottom:-30px;top:-30px;position:relative}.notcompleted{width:300px;font-size:16px}.completed{width:300px;font-size:16px;text-decoration:line-through}.updatebutton,.deletebutton{width:50px;height:30px;border-radius:8px;border:none;background-color:#b0e0e6;box-shadow:1px 1px 5px 1px gray;position:relative;top:0;bottom:0;right:0;left:0}ul{list-style-type:none}.signcontent{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#cfeaee}.signdiv{width:500px;height:500px;box-shadow:0 0 10px gray;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f8fdfd;position:relative;top:0;left:0;right:0;bottom:0}.signdiv button{display:flex;align-items:center;width:300px;justify-content:center;height:40px;box-shadow:5px 3px gray;border-radius:10px;border:none;background-color:#b0e0e6;position:absolute;top:400px;bottom:100px;right:200px;left:100px}button:hover{box-shadow:5px 5px gray}.google{height:30px;width:30px}.signdiv h1{position:absolute;top:50px;bottom:100px}*{margin:0;padding:0;font-family:sans-serif;font-weight:700}