body{font-family:Verdana,sans-serif;display:flex;justify-content:center;align-items:center}.firstDiv{z-index:1000;background-color:#7bdff2;border:2.5px solid;width:760px;border-radius:10px}@media screen and (max-width:768px){.firstDiv{width:340px}}.firstDiv h1{font-size:3.5rem;background-color:#003246;text-align:center;color:#fff}.secondDiv{margin:20px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px #000;display:flex;flex-direction:column}.secondDiv p{margin-bottom:-0px;font-weight:700;padding-left:15px;color:#003246}.secondDiv .task{margin:10px;height:30px;border-radius:10px;font-size:18px}.secondDiv button{border:none;border-radius:10px;height:40px;background-color:#003246;color:#fff;font-size:20px;font-weight:700;margin:10px}.secondDiv button:hover{background-color:#057aa8c4}.card{display:flex;margin:15px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px #000;overflow:auto}.cardTitle{padding:5px}.deleteBtn{margin:5px;border:none;border-radius:10px;background-color:#ff0000b3;color:#fff;width:70px;height:50px;font-weight:700;font-size:18px}.updateBtn{margin:5px;border:none;border-radius:10px;background-color:#003246;color:#fff;width:75px;height:50px;font-weight:700;font-size:18px}.update-content{z-index:999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;border:4px solid rgba(0,0,0,.7);border-radius:10px;width:730px;height:350px;color:#fff;background-color:#003246}@media screen and (max-width:768px){.update-content{width:340px;height:390px}}.update-text p{display:inline-block}