*{margin:0;padding:0;box-sizing:border-box}.card{background-color:#615555;color:#f5f5f5;padding:20px;margin:10px;border-radius:10px}nav{padding:20px;background-color:#000;display:flex;justify-content:space-evenly;align-items:center;height:50px}ul{display:flex;align-items:center;gap:50px}ul>li{color:#fff;font-weight:700;list-style:none}ul>li:hover{cursor:pointer}button{padding:8px;background-color:#fff;border:none;border-radius:5px;font-weight:600;color:#504747;cursor:pointer}.bg-red{background-color:red}.bg-green{background-color:green}