body{
  background: #000;
  font-family: Arial;
}

.block__wrapper-gif{
    filter: contrast(1.3);
    content: "";
    width: 158px;
    height: 53px;
    display: block;
    position: absolute;
    bottom: 28px;
    right: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/assets/digitalizing.gif);
}
.block__wrapper-gif-2{
    content: "";
    display: block;
    position: absolute;
    width: 187px;
    height: 154px;
    left: 0;
    bottom: 150px;
    transform: translateX(30%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/public-services.gif);
}
.block__list{
    content: "";
    display: block;
    position: absolute;
    width: 87px;
    height: 34px;
    right: 20%;
    transform: translateY(140px);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/squares.gif);
}
.block__content-gif {
    content: "";
    width: 135px;
    height: 115px;
    display: block;
    position: absolute;
    #top: -40px;
    right: 50%;
    transform: translate(50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/assets/nums.gif);
    filter: contrast(1.3);
}
.pluses{
    width: 65px;
    height: 57px;
    display: block;
    position: absolute;
    background-image: url(/assets/pluses.svg);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 88px;
    left: 35.9%;
    z-index: 1;
    -webkit-animation: glitch 5s infinite;
    animation: glitch 5s infinite;
}

h1{
    font-size: 72px;
    color: #0cff24;
    top: 28%;
    left: 30%;
    position: absolute;
    font-family: 'Cairo', sans-serif;
}
p{
  font-size: 16px;
  color: #fff;
  opacity: .3;
  top: 50%;
  left: 35%;
  position: absolute;
}
.logo{
  width: 150px;
  -webkit-animation: mymove 2s infinite;
  animation: mymove 2s infinite;
  left: 5%;
  top: 3%;
  position: absolute;
}

@-webkit-keyframes mymove {50% {opacity: 0;}}
@keyframes mymove {50% {opacity: 0;}}
@keyframes glitch {
    0% {
        transform: translate(0)
    }
    20% {
        transform: translate(-5px, 5px)
    }
    40% {
        transform: translate(-5px, -5px)
    }
    60% {
        transform: translate(5px, 5px)
    }
    80% {
        transform: translate(5px, -5px)
    }
    to {
        transform: translate(0)
    }
}