body {
  margin: 0;
  color: black;
  text-align: center;
  font-family: 'Arial', sans-serif;
  background-image: url('Image/Full-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
}

.logo {
  margin-top: 160px; /* Move logo upwards or down in positive */
  font-size: 70px;
  color: #ffaa00;
  position: relative;
}

.restaurant-name {
  font-family: 'Allura', cursive;
  font-size: 60px;
  margin-top: 1px; /* Move the restaurant name closer to the logo */
  color: #ffe79a;
  text-shadow: 0 0 5px #b8860b,
               0 0 10px #b8860b,
               0 0 15px #b8860b,
               0 0 20px #b8860b;
  transition: text-shadow 0.3s ease;
}

.logo-img {
  width: 200px;
  margin-bottom: -20px; /* Move logo image closer to the restaurant name */
  margin-top: -50px;
  padding: 5px;
}

.buttons {
  margin-top: 20px; /* Move buttons upward */
}

.btn {
  font-family: 'Arial', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C62827;
  color: #000000;
  border: none;
  padding: 15px 160px;
  margin: 20px auto;
  width: 80%;
  max-width: 300px;
  border-radius: 20px;
  font-size: 28px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: rgba(32, 32, 32, 0.8);
}

.social-icons {
  margin-top: 10px; /* Move icons upward */
}

.social-icons img {
  width: 40px;
  margin: 0 15px;
}

.location-container {
  display: flex;
  align-items: center;
}

.location-container i {
  margin-right: 10px;
  font-size: 28px !important;
  font-weight: bold;
}

.location-container span {
  font-size: 28px !important;
}

.social-icons img {
  width: 40px;
  margin: 0 15px;
  filter: sepia(1) saturate(5) hue-rotate(20deg);
}

.social-icons a {
  transition: transform 0.3s;
}

.social-icons a:hover {
  transform: scale(1.1);
}

.no-underline {
  text-decoration: none;
}

.no-underline:visited, .no-underline:hover, .no-underline:focus, .no-underline:active {
  text-decoration: none;
}
