.home-container1 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  justify-content: flex-start;
  background-image: url('https://negativespace.co/wp-content/uploads/2021/06/negative-space-colorful-bokeh-abstract-20-1062x708.jpg');
}
.home-image {
  width: 200px;
  height: 245px;
  margin-top: var(--dl-space-space-twounits);
  object-fit: cover;
}
.home-container2 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-text {
  font-family: "Noto Sans";
}
.home-container3 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container4 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container5 {
  flex: 0 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-button1 {
  width: 266px;
  z-index: 100;
  align-self: center;
  border-style: hidden;
  padding-right: var(--dl-space-space-twounits);
  animation-delay: 0s;
  text-decoration: none;
  background-color: #f89622;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
.home-container6 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container7 {
  flex: 0 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-button2 {
  width: 266px;
  z-index: 100;
  transition: 0.3s;
  border-color: rgba(25, 24, 24, 0);
  border-style: hidden;
  padding-right: var(--dl-space-space-twounits);
  animation-name: bounce;
  animation-delay: 0s;
  text-decoration: none;
  background-color: #f89622;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}