.edit{height:38vh;position:absolute;border-radius:20px;display:flex;flex-direction:column;align-items:center;top:20%;left:35%;justify-content:center;width:30vw;box-shadow:0 4px 12px #00000014;background-color:#f9fafb}.edit .top{height:20%;padding:10px;text-align:center}.edit .mid{height:45%;width:80%;padding:20px}.edit .mid p{width:100%}.edit .mid .task{width:23vw;display:flex;justify-content:center;align-items:center}.edit .mid .task label{width:50%}.edit .mid .task input{height:2vh;width:100%}.edit .mid .tog{display:flex;justify-content:start;align-items:center}.edit .mid .tog input{width:10%;display:flex;justify-content:center;align-items:center}.edit .bottom{height:20%;width:90%;display:flex;justify-content:end}.edit .bottom button{height:4vh;margin-right:20px;width:5vw;border-radius:6px;border:none;color:#fff}.edit .bottom button:hover{cursor:pointer}body{height:100%;padding:20px;position:relative;margin:0;box-sizing:border-box;overflow-x:hidden;background-color:#f9fafb;display:flex;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,Times,serif}body .main{height:100%;width:60vw;border-radius:40px;display:flex;justify-content:center;background-color:#fff;align-items:center;flex-direction:column;box-shadow:0 4px 12px #00000014}body .main .title{font-size:3.8rem;font-weight:700;color:#1976d2}body .main .add{display:flex;justify-content:center;align-items:center;width:100%;padding:10px}body .main .add input{height:5vh;width:45%;margin-right:50px;margin-left:90px;border:none;font-size:22px;padding:10px;border-radius:10px;background-color:#f9fafb}body .main .add input::placeholder{font-size:20px}body .main .add .button{height:6vh;width:3vw;border-radius:8px;border:none;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.5rem}body .main .tasks{width:100%;height:100%;display:flex;justify-content:center}body .main .tasks .task{display:flex;background-color:#f9fafb;justify-content:space-around;align-items:center;flex-direction:row;margin-bottom:10px;height:9vh;width:120%}body .main .tasks .task li{color:#212121;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;display:flex;font-weight:700;font-size:1.3rem;justify-content:start;align-items:center;width:80%}body .main .tasks .task li p{max-width:70%;overflow-wrap:break-word;white-space:normal;word-wrap:break-word}body .main .tasks .task .buttons{width:10%;display:flex;height:6vh;justify-content:end}.icon{font-size:xx-large;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center}.button{width:4vw;margin-right:10px;border-radius:6px;background-color:#1976d2;height:6vh;border:none;display:flex;justify-content:center;align-items:center}.button:hover{cursor:pointer}