html, body {
    height: 100vh;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none !important;
    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(219, 219, 219, 1) 61%, rgba(255, 255, 255, 1) 90%);
}

.box {
    margin-top: 10vh;
    text-align: center;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: 5px;
}

.box div {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
}

.mask {
  width: 320px;
  height: 340px;
  animation: move 100s infinite;
  background-image: url(pic_agri.jpg);
  background-size: cover;
  mask: url('telemry_logo.svg');
  mask-size: cover;
}

@keyframes move {
 0% {
  background-position: 0 0;
 }
 50% {
  background-position: 100% 0;
 }
}