.container{margin:10px;padding:10px}.heading{text-align:center;margin-top:20px;color:green}.input-group{padding:20px}input{margin-right:20px}.topmenu{display:grid;grid-template-columns:3fr 1fr 1fr;margin-top:50px;padding:20px}.topmenu h6{text-align:right}.status{margin-left:30px;background-color:pink;text-align:center;font-weight:700;font-size:medium}.card-boxes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:30px;padding:20px}.card{background-color:#c3fac3;height:100%}.cardBtn{margin-left:20px;margin-top:30px}.select-completed{background-color:#198653cc}.select-notcompleted{background-color:#dc3545cc}@media only screen and (max-width: 500px){.card-boxes{display:grid;grid-template-columns:auto;margin-top:20px;margin-right:20px}.container{font-size:small}.topmenu{display:grid;grid-template-columns:2fr 1fr 1fr;margin-top:20px;padding:10px}.topmenu h3{font-size:large}.topmenu h6{font-size:small;text-align:center;margin-top:5px}.topmenu select{margin-left:-2px;font-size:small}.statusHead{font-size:medium}}