body{
    background: linear-gradient(90deg, rgba(0,77,120,1) 0%, rgba(48,128,173,1) 30%, rgba(48,128,173,1) 70%, rgba(0,77,120,1) 100%);
    position: relative;
    height: 100vh;
    overflow-y: hidden;
}

.centered{
    display: flex;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.centered img{
  display: block;
  width: 50%;
}
.centered .arm{
  position: absolute;
  width: 4%;
  top: 46%;
  left: 46.2%;  
  transition: .4s;  
  transform-origin: left;  
  transform: rotate(56deg);
}

.centered .eyes{
  position: absolute;
  width: 6.7%;
  top: 39%;  
  left: 38%;
  transition: .4s;
}

.custom_text{
  display: block;
  position: absolute;
  height: 36%;
  width: 40%;
  background-color: #fff;
  right: 0;
  top: 0;
  margin: 2%;
  opacity: 0;
  transition: .4s;
  text-align: center;
}

.sensor{
  position: absolute;
  z-index: 99;
}

.one{
  height: 65%;
  width: 17%;
  left: 33%;
  top: 17%;
}

.two{
  height: 46%;
  width: 44%;
  left: 56%;
  top: 0%;
}

.sensor:hover ~ .custom_text{
  opacity: 1;
}

.sensor:hover ~ .eyes{
  transform: translate(11%, -28%);
}

.sensor:hover ~ .arm{
  transform: rotate(-28deg);
}

h1{
  margin: auto;
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2vw;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
  display: block;
  cursor: unset;
}