@import (reference) "~src/assets/openaire-theme/less/_import-variables";

@home-curator-image-size: 136px;

.home-background {
  background-color: @global-inverse-color;
}

@media only screen and (min-width: @breakpoint-medium) {
  .monitor-dark-logo-background {
    background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 65%;
  }
}

.graph-background {
  background-image: url('~src/assets/monitor-assets/home/graph.svg');
  background-position-y: 50%;
  background-position-x: -5%;
  background-size: 25%;
}

#bullets {
  & > div {
    max-width: 360px !important;
  }
}

.contact-us {

  img {
    position: absolute;
    width: @home-curator-image-size;
    height: @home-curator-image-size;
    object-fit: cover;
    border-radius: 18px;


    &.one {
      top: 0;
      left: @global-medium-gutter + (@home-curator-image-size/2);
      transform: rotate(10deg);
    }

    &.two {
      bottom: 0;
      left: @global-medium-gutter;
      transform: rotate(-10deg);
      object-position: top;
    }

    &.three {
      top: 0;
      right: @global-medium-gutter;
      transform: rotate(-10deg);
      object-position: -60px;
    }

    &.four {
      bottom: 0;
      right: @global-medium-gutter + (@home-curator-image-size/2);
      transform: rotate(-10deg);
      object-position: 0;
    }
  }
}