HotelWebsite/dining.css at main · Surajps20/HotelWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/* dining.css */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {  font-family: Arial, sans-serif;
        background: url('./src/img/dining\ bg.jpg') no-repeat center center fixed;
        background-size: cover;
        color: #333;

    }

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #222;
  padding: 15px 30px;
}
.logo { color: #fff; font-size: 22px; font-weight: bold; }
.nav-links { list-style: none; display: flex; }
.nav-links li { margin: 0 15px; }
.nav-links a { color: #fff; text-decoration: none; }
.nav-links a.active, .nav-links a:hover { color: #f4b400; }
.book-btn { background: #f4b400; color: #222 !important; padding: 6px 12px; border-radius: 5px; }

.dining-hero {
  background-size: cover;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: rgb(128, 127, 127);
}
.dining-hero h1 {
  font-size: 42px;
  text-shadow: 2px 2px 8px rgba(103, 103, 103, 0.6);
}
.dining-hero p {
  font-size: 18px;
  margin-top: 10px;
  text-shadow: 1px 1px 5px rgba(91, 90, 90, 0.6);
}

.menu-section {
  padding: 40px 20px;
  max-width: 900px;
  margin: auto;
}
.menu-section h2 {
  font-size: 26px;
  margin-bottom: 15px;
  color: #f4b400;
}
.menu-section ul { list-style: none; }
.menu-section li {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  color: #676665; /* Gold color for dish names */
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4); /* Optional: adds readability on images */
   display: inline-block;
  width: 60%;         /* Shorten the underline */
  margin: 0 auto 8px; /* Center the line and add spacing */
}


footer {
  background: #222;
  color: #fff;
  text-align: center;
  padding: 15px;
  margin-top: 30px;
}