/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
body{
    font-family: 'Merriweather', serif;
}
.content3{
    width: auto;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    border-radius: 19px;
    word-spacing: 5px;
    height:46vw;
}
div#first h3.manage.first{
    font-size:3vw;
    margin-left: 2%;
}
ul.manage-third {
    color: rgb(255, 255, 255);
    font-family: 'Rubik', sans-serif;
    position: absolute;
    padding: 1vw;
    top: 0%;
    line-height: 3.2vw;
    z-index: 2;
    list-style: none;
    text-transform: capitalize;
    font-size: 1.5vw;
}
div#first h3.manage.first span{
    background: url(clipp.png);
    -webkit-background-clip:text;
            background-clip:text;
    color: transparent;
    font-size: 4vw;
}
div.content3 img{
    background-position: center;
    background-size: cover;
    width: 100vw;
    height: 46vw;
   -webkit-animation: zoom 50s linear  infinite;
           animation: zoom 50s linear  infinite;
}

@-webkit-keyframes zoom {
    0%{
        -webkit-transform:scale(1);
                transform:scale(1);
    }
   50%{
        -webkit-transform:scale(1.3);
                transform:scale(1.3);
    }
}

@keyframes zoom {
    0%{
        -webkit-transform:scale(1);
                transform:scale(1);
    }
   50%{
        -webkit-transform:scale(1.3);
                transform:scale(1.3);
    }
}
div.shade{
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.645);
    height:46vw;
    position: absolute;
    z-index: 1;
  }