@import "./bulma.min.css";

body,
html {
  overflow-x: hidden;
  overflow-y: hidden;
}

.hero-bg-image {
  background: linear-gradient(
      0deg,
      rgba(0, 74, 189, 0.6),
      rgba(0, 189, 127, 0.8)
    ),
    url("../assets/pausenhof.jpg?as=webp");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-body .container .box {
  border-radius: 30px;
  margin: auto;
  transition: transform 0.5s ease;
}

.hero-body .container .box:hover {
  transform: scale(1.02);
}

@media (min-width: 750px) {
  .hero-body .container .box {
    width: 100%;
  }
}

@media (min-width: 900px) {
  .hero-body .container .box {
    width: 75%;
  }
}

@media (min-width: 1050px) {
  .hero-body .container .box {
    width: 50%;
  }
}

.box img.logo {
  width: 100%;
  padding: 1em;
}