#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{padding:0;margin:0}.logo{width:200px}.backg{background:50%/cover}.add input,.login input,.register input{width:300px;height:40px;padding-left:20px;display:block;margin-bottom:30px;margin-right:auto;margin-left:auto;border:1px solid skyblue}.add button,.login button,.register button{width:320px;height:40px;border:1px solid skyblue;background:skyblue;color:#fff;cursor:pointer}.nav{background-color:#333;overflow:hidden}.nav a{float:left;color:#ffefd5;padding:14px 16px;text-align:center;font-size:17px;text-decoration:none;margin-right:5px}.nav a:hover{background:#ddd;color:#333}body.home{margin:0;padding:0;background-image:url(/img/restaurant%20background.f378bed6.jpg);background-size:cover;background-repeat:no-repeat;height:100vh}.table-container{margin-top:20px;background-color:hsla(0,0%,100%,.7);border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left}th{background-color:#36454f;color:#fff}td{border-bottom:1px solid #ddd}.action-btn{border-top-left-radius:10px;border-top-right-radius:30px;border-bottom-left-radius:20px;border-bottom-right-radius:5px;padding:10px 20px;background-color:#36454f;color:#fff;border:none;cursor:pointer}.action-btn:hover{background-color:#0056b3}h1{background-color:light #000;color:#fff}