*{margin:0;padding:0}body{background-color:#9ea1f4;font-family:Montserrat,sans-serif}.app{width:500px;position:absolute;top:10%;left:50%;transform:translate(-50%,-10%);margin-top:100px;border:2px solid whitesmoke;background-color:#6b6ef3;border-radius:10px;width:800px}.app .mainHeading h1,.app .subHeading h2{text-align:center}.h1,.h2{color:#fff}.app .input{display:flex;justify-content:center;align-items:center;width:20em;height:2em;background-color:#fff;border-radius:6px;padding:5px;text-align:center;margin:0 auto}.app .input input{width:100%;height:1.6em;border-color:transparent;outline-color:transparent}.app i{cursor:pointer;font-size:larger;font-weight:900;color:gray;margin-right:5px}.app .todos{display:flex;justify-content:center;align-items:center;flex-direction:column}.app .todos .todo{margin-top:.8em;width:20em;height:2em;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:6px;padding:5px}.app .todos .todo .left{display:flex;justify-content:flex-start;align-items:center}.app .todos .todo .left p{margin-left:3px;font-size:medium;font-weight:700;font-style:normal;color:gray}.activity-log{background-color:#fff;border:1px solid grey;border-radius:10px;padding:10px;text-align:center;width:400px;margin:20px auto}.activity-log h2{font-size:1.5rem;margin-bottom:10px}.completed-todo{background-color:#f0f8ff;margin-top:5px;padding:5px;border:1px solid #9ea1f4;border-radius:5px;text-align:center;width:350px}.h{color:#6d7385}.ha{color:#f5f7f3}