nav{display:flex;justify-content:space - around;align-items:center;background-color:#003068;padding:10px 0}nav>h1{font-size:30px;color:#fff;font-weight:500}nav ul{display:flex;justify-content:space - around;gap:20px;align-items:center;width:30%}nav ul a{font-size:20px;font-weight:300;color:#fff;text-decoration:none}nav{display:flex;justify-content:space-between;align-items:center;background-color:purple;padding:5px 50px}nav ul{display:flex;justify-content:space-between;align-items:center;width:30%;list-style-type:none;color:#fff;cursor:pointer}.container{display:flex;align-items:center;justify-content:center;flex-direction:column}.form input:first-child{margin-top:20px}.form input{border:1px solid #cccccc;padding:12px 10px;outline:none;margin-bottom:12px;width:200px}.form button{background-color:#7fffd4;border:none;outline:none;padding:10px 15px;border-radius:5px;cursor:pointer}.buttonContainer{display:flex;justify-content:flex-start;align-items:center}.buttonContainer button:last-child{margin-left:10px;background-color:red}.dataTable{margin-top:30px}table,tr,th,td{border:1px solid black;border-collapse:collapse;padding:12px}tablebutton{border:none;outline:none;background:#ff0;padding:6px 10px;margin:0 5px;border-radius:6px;cursor:pointer}table button:last-child{background-color:red}
