* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: "Khmer os Battambong", "kantumruy", "Khmer os muol light";
  overflow-x: hidden;
}

.navbar {
  position: relative;
  width: 100vw;
  height: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.navbar {
  display: flex;
  justify-content: space-around;
  background: rgb(0, 0, 0, 0.5);
}
.navbar h1 {
  color: orange;
  font-size: 1.8rem;
  text-shadow: 2px 2px 2px #000;
  font-family: cursive;
}
.navbar ul {
  display: flex;
}
.navbar ul li {
  list-style: none;
  padding: 3px 15px 3px 15px;
}
.navbar ul li:hover,
.phone a:hover,
.mobile_menu ul li:hover {
  background: navy;
  cursor: pointer;
}
.navbar ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.1rem;
}
.phone a {
  text-decoration: none;
  color: #fff;
  font-size: 1.1rem;
  padding: 3px 15px 3px 15px;
  border: 1px solid orange;
}
.mobile_menu {
  display: none;
  height: 40px;
  line-height: 40px;
  background-color: magenta;
}
.mobile_menu ul {
  display: flex;
  justify-content: center;
}
.mobile_menu ul li {
  list-style: none;
  padding: 0 5px 0 5px;
}
.mobile_menu ul li a {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .bobile_menu {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.picture {
  display: flex;
  flex-direction: column; /* Stack images vertically */
  align-items: center; /* Center images horizontally */
  gap: 10px; /* Add space between images */
}

.picture img {
  width: 100vw; /* Adjust image size */
  height: auto; /* Maintain aspect ratio */
}