body{padding:0;margin:0;box-sizing:border-box}.container{width:100%;height:300px;display:flex;justify-content:center;align-items:center;background-color:#8a2be2;margin-bottom:50px;border-bottom:3px solid black}.input-bar{height:100px;width:300px;font-size:2em;font-weight:700;margin-right:2px;border-radius:10px;padding-left:5px}.btn-add{height:106px;width:106px;font-size:2em;font-weight:700;border-radius:10px;background-color:#28c228;color:#fff}.tasks{display:flex;justify-content:center;align-items:center}.tasks li{list-style:none;border:1px solid black;border-radius:5px;display:flex;justify-content:space-between;align-items:center;height:50px;width:500px;margin-bottom:10px;font-size:2em;padding-left:10px;cursor:pointer;margin-left:-40px;color:#000}li button{border-radius:5px;border:none;height:50px;width:50px;background-color:red;color:#fff;font-size:1em}.striked{text-decoration:line-through;color:#fff}.green{background-color:#5ec25e}@media (max-width: 768px){.container{display:flex;align-items:center;justify-content:center;flex-direction:column}.input-bar{height:50px;width:70%;margin-bottom:10px}.btn-add{width:50%;height:50px}.tasks li{width:350px}}