.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}.profpic{height:150px;width:150px;border-radius:50%;object-fit:cover}.leftcontent h1{font-size:50px}.taskimg{width:500px;height:500px}.rightcontent{width:55%;height:100vh;display:flex;flex-direction:column;justify-content:baseline;align-items:center;gap:40px}.rightcontent h1{font-size:40px;padding:30px}.inputcontent{display:flex;gap:10px}.inputcontent input{width:480px;height:50px;border-radius:15px;padding-left:10px;font-size:15px;border:none;background-color:#eae9e9;animation:myanim 5s infinite}@keyframes myanim{50%{box-shadow:10px 20px 30px #49d0aa}}.inputcontent button{width:70px;height:50px;border-radius:15px;background-color:#e9967a;border:none}.inputcontent button:hover{letter-spacing:15px}.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}.notcompleted{width:300px;font-size:16px}.completed{width:300px;font-size:16px;text-decoration:line-through}.updatebutton{width:50px;height:30px;border-radius:8px;border:none;background-color:#e9967a;animation:wiggle 2s linear infinite}.deletebutton{width:50px;height:30px;border-radius:8px;border:none;background-color:#e9967a;animation:wiggle 2s linear infinite}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}ul{list-style-type:none}.signcontent{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.signdiv{width:500px;height:500px;box-shadow:0 0 10px gray;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:myanim 5s infinite;bottom:30px;position:absolute}@keyframes myanim{50%{bottom:100px;box-shadow:10px 20px 30px #1fccd5}}main{display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotatex(10deg);animation:rotateAngle 6s linear infinite}.bnt{display:block;position:relative;margin:.5em 0;padding:.8em 2.2em;cursor:pointer;background:#7fffd4;border:none;border-radius:.4em;text-transform:uppercase;font-size:1.4em;font-family:Work Sans,sans-serif;font-weight:500;letter-spacing:.04em;mix-blend-mode:color-dodge;perspective:500px;transform-style:preserve-3d}.bnt:before,.bnt:after{--z: 0px;position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;opacity:0;mix-blend-mode:inherit;border-radius:inherit;transform-style:preserve-3d;transform:translate3d(calc(var(--z) * 0px),calc(var(--z) * 0px),calc(var(--z) * 0px))}.bnt span{mix-blend-mode:none;display:block}.bnt:after{background-color:#6137ab}.bnt:before{background-color:#ad2333}.bnt:hover{background-color:#fff65b;transition:background .3s .1s}.bnt:hover:before{--z: .04;animation:translateWobble 2.2s ease forwards}.bnt:hover:after{--z: -.06;animation:translateWobble 2.2s ease forwards}@keyframes rotateAngle{0%{transform:rotateY(0) rotateX(10deg);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotateY(20deg) rotateX(10deg)}50%{transform:rotateY(0) rotateX(10deg);animation-timing-function:cubic-bezier(.61,1,.88,1)}75%{transform:rotateY(-20deg) rotateX(10deg)}to{transform:rotateY(0) rotateX(10deg)}}@keyframes translateWobble{0%{opacity:0;transform:translate3d(calc(var(--z) * 0px),calc(var(--z) * 0px),calc(var(--z) * 0px))}16%{transform:translate3d(calc(var(--z) * 160px),calc(var(--z) * 160px),calc(var(--z) * 160px))}28%{opacity:1;transform:translate3d(calc(var(--z) * 70px),calc(var(--z) * 70px),calc(var(--z) * 70px))}44%{transform:translate3d(calc(var(--z) * 130px),calc(var(--z) * 130px),calc(var(--z) * 130px))}59%{transform:translate3d(calc(var(--z) * 85px),calc(var(--z) * 85px),calc(var(--z) * 85px))}73%{transform:translate3d(calc(var(--z) * 110px),calc(var(--z) * 110px),calc(var(--z) * 110px))}88%{opacity:1;transform:translate3d(calc(var(--z) * 90px),calc(var(--z) * 90px),calc(var(--z) * 90px))}to{opacity:1;transform:translate3d(calc(var(--z) * 100px),calc(var(--z) * 100px),calc(var(--z) * 100px))}}.google{height:30px;width:30px}*{margin:0;padding:0;font-family:sans-serif;font-weight:700}