style.css

body {
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Model {
  background-size: cover;
  background-repeat: no-repeat;
  /* display: none; */
  width: 240px; /* Set the desired width */
  height: 150px; /* Set the desired height */

  z-index: 10;
  /* padding: 10px; */
  margin: 10px;
}
#ModelContainer {
  /* padding: 20px; */
  margin: 10px;
  display: flex;
  justify-content: center;
}
#Model1 {
  background-image: url("Model1.jpg");
}
#Model2 {
  background-image: url("Model2.png");
}
.upper-canvas {
  background-repeat: no-repeat;
  background-size: cover;
}
.canvas-container {
  margin: 20px;
  display: flex;
  justify-content: center;
  /* padding: 20px; */
}

.Button {
  user-select: none;
}
label {
  display: inline-block;
  padding: 8px 16px;
  background-color: #007bff;
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
}

label:hover {
  background-color: #0056b3;
}
button {
  padding: 8px 16px;
  background-color: #007bff;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
}

button:hover {
  background-color: #0056b3;
}
#ButtonContainer {
  display: flex;
  justify-content: center;
}
.CustomButton {
  margin: 10px;
}