@charset "UTF-8";
/* CSS Document */

.box.bloomtech-box {
  }

.bloomtech {
  position: absolute;
  color:  #4f575c; color: var(--bg-color);
  font-size: 44px;
  line-height: 64px;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  display: block;
  width: 73%;
  top: 45%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  z-index: 100;
}
.bloomtech span {
  background-color: #fff; background-color: var(--nav-title-color);
  display: inline;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  box-shadow: .525rem 0 0 #FFF; box-shadow: .625rem 0 0 var(--nav-title-color);
  box-decoration-break: clone;
}

.bloomtech-box:hover .bloomtech span {
  color: #fff; color: var(--nav-title-color);
  background-color: #f04939; background-color: var(--bg-color);
  box-shadow: .625rem 0 0 #f04939; box-shadow: .625rem 0 0 var(--bg-color);
}

.bloomtech-image {
  position: absolute;
  width: 80%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  background-image: url("../../images/tech2.jpg");
  background-color: #4f575c; background-color: var(--accent-color);
  background-blend-mode: lighten; background-blend-mode: var(--filter-effect);
  height: 0;
  padding-bottom: 60%;
  background-size: cover;
}

.bloomtech-image img {
  width: 100%;
}