Css book

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.container {
margin: 0 auto;
padding: 20px;
max-width: 800px;
}

.welcome {
text-align: right;
margin-bottom: 20px;
}

.menu-bar {
background-color: #333;
}

.menu-bar ul {
list-style-type: none;
padding: 0;
margin: 0;
overflow: hidden;
}

.menu-bar li {
float: left;
}

.menu-bar li a {
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}

.menu-bar li a:hover {
background-color: #111;
}

.content {
margin-top: 20px;
background-color: #e6f7ff; /* Light Blue */
}

/* Booking Service Form Styles /
.booking-container {
display: flex;
border: 3px solid;
border-radius: 10px;
width: 70%;
margin: auto;
flex-direction: column;
align-self: center;
padding-top: 20px;
padding-bottom: 60px;
background-color: #e6f7ff; / Light Blue */
}

.booking-container h1 {
font-weight: bold;
font-size: 50px;
margin-bottom: 60px;
text-align: center;
font-family: "Ubuntu", sans-serif;
}

.booking-container form {
text-align: center;
font-family: "Ubuntu", sans-serif;
}

.booking-container form label {
font-size: large;
}

.booking-container form input,
.booking-container form select {
text-align: center;
width: 50%;
padding: 10px;
margin: 5px auto;
font-size: 20px;
border: 1px solid gray !important;
border-radius: 9px;
font-family: "Ubuntu", sans-serif;
}

.booking-container button {
width: 50%;
margin: 5px auto;
border-radius: 9px;
}

.btn {
background-color: black;
color: white;
border-radius: 6px;
border-color: white;
font-size: 18px;
font-family: "Rubik Gemstones", cursive;
cursor: pointer;
margin: 15px 6px;
padding: 6px 9px;
}

.btn:hover {
background-color: rgb(50, 49, 49);
}