body {
  background: linear-gradient(to right, #444444, #ffffff);
  color: #fff;
  font-family: "Lato", sans-serif;
}

#option-box{
  display: flex;
  justify-content: center;
  align-items: center;
   /* position: fixed; */
}

/* #ARButton, #refresh-button{
  display: none;
} */

#color-selection {
  /* position: fixed; */
  top: 10px;
  left: 10px;
  background: white;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 25%;
  z-index: 1000;
}

#color-selection h3 {
  margin: 0 0 10px;
  color: #333;
}

#color-selection label {
  display: block;
  margin-bottom: 5px;
  color: #555;
}

#color-selection select,
#color-selection input[type="number"],
#color-selection button {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
}

#color-selection button {
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

#color-selection button:hover {
  background-color: #45a049;
}

.d-none{
  display: none;
}

@media (max-width: 767px) {
  #color-selection{
    width: 70%;
  }
}

#place-button{
  position: absolute;
  bottom: 20px;
  left: calc(50% - 50px);
  width: 100px;
  height: 35px;
  display: none;
}

#refresh-button{
  position: absolute;
  background: white;
  height: 35px;
  display: none;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid rgb(7, 7, 7);
  border-radius: 5px;
  left: 40px;
  top: 30px;
}


#back-button {
  position: absolute;
  background: white;
  height: 35px;
  display: none;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid rgb(7, 7, 7);
  border-radius: 5px;
}

#back-button {
  top: 75px;
  left: 40px;
}

#fullscreen-toggle {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  background: #00000094;
  /* background-color: #292929; */
  color: white;
  border: none;
  padding: 7px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
}

.language-selector{
  position: absolute !important;
  color: white;
  z-index: 1000;
  top: 40px;
  right: 15px;
}

/* Fullscreen Styling */
body:fullscreen, body:-webkit-full-screen {
  background-color: white; /* Change fullscreen background to white */
}