@font-face {
  font-family: "Open Sans";
  font-display: auto;
  src: local("Open Sans"), url("./OpenSans-Regular.ttf") format("ttf");
}

html,
body {
  background: #f4f0ef;
  overflow-x: hidden;
}

.navbar.has-background-white {
  background-color: #fefefe;
}

#logo {
  max-height: none;
  width: 250px;
}

.hero-body .container {
  max-width: 700px;
}

.hero-body .subtitle {
  padding-top: 2rem;
  line-height: 1.5;
}

.no-webp .has-background-image {
  background-image: url("../images/store-front-filter.jpg");
}

.webp .has-background-image {
  background-image: url("../images/store-front-filter.webp");
}

.has-background-image {
  background-attachment: fixed;
  background-position: top 0% left 75%;
  background-repeat: no-repeat;
  background-size: cover;
}

.has-text-info {
  color: #006346 !important;
}

.intro {
  padding: 5rem 0;
  text-align: center;
}

.sandbox {
  padding: 5rem 0;
}

.tile.notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}