.pictures{
    background-image:url(../img/iphone.png),url(../curate.svg);
    background-repeat:no-repeat,no-repeat;
    background-size:384px,206px;
    background-position:top 140px right 0,top 160px left 30px;
    height:580px
}

@media only screen and (min-width:700px){
    .pictures {
        animation-name:levitate;
        animation-duration:3s;
        animation-iteration-count:infinite;
        animation-direction:all;
        transition:.3s ease
    }
}
@keyframes levitate{
    0%{
        background-position:top 125px right 0,top 160px left 30px
    }
    50%{
        background-position:top 140px right 0,top 160px left 30px
    }
    100%{
        background-position:top 125px right 0,top 160px left 30px;
    }
}
@media only screen and (max-width:700px){
    .pictures{
        background-image:url(../curate.svg);
        background-repeat:no-repeat;
        background-size:206px;
        background-position:top 160px left 30px
    }
}
.main-nav{
    width:100%;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    -webkit-animation:fromtop 2s forwards;
    animation:fromtop 2s forwards
}
.frombot2{
    -webkit-animation:frombottwo .8s forwards;
    animation:frombottwo .8s forwards
}
@keyframes fromtop{
    from{
        opacity:0;
        top:-20px
    }
    to{
        opacity:1;
        top:30px
    }
}
@keyframes frombottwo{
    from{
        opacity:0;
        margin-top:100px
    }
    to{
        opacity:1;
        margin-top:0
    }
}
.intro__wrap{
    -webkit-animation:frombot 2s forwards;
    animation:frombot 2s forwards;
    position:absolute
}
@keyframes frombot{
    from{
        opacity:0;
        top:450px
    }
    to{
        opacity:1;
        top:300px
    }
}
.main-nav__main-logo{
    margin-right:80px
}
.main-nav__list{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.main-nav__item{
    margin-right:28px
}
.main-nav__item-link{
    color:#677486;
    font-size:15px;
    line-height:24px;
    text-decoration:none;
    transition:all .2s ease
}
.main-nav__item-link:hover{
    color:#00cc9c
}
.main-nav__leftside{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    z-index:999
}
.main-nav__rightside{
    z-index:999
}
.main-nav__rightside-list{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.main-nav__rightside-item{
    margin-right:50px
}
.main-nav__rightside-item:last-child{
    margin-right:0;
    margin-left:33px
}
.main-nav__rightside-link{
    margin-right:20px;
    display:flex;
    align-items:center;
    position:relative;
    color:#fff;
    font-size:16px;
    text-decoration:none;
    transition:all .2s ease
}
.main-nav__rightside-link:hover{
    color:rgba(255,255,255,.6);
    opacity:.6
}
.intro{
    width:100%;
    max-width:680px
}
.intro__header-wrap{
    margin-top:30px;
    margin-bottom:34px
}
.intro__title{
    margin-bottom:13px;
    font-size:70px;
    line-height:83px;
    color:#e9b7ff
}
.intro__undertitle{
    font-size:40px;
    line-height:32px;
    color:#e9b7ff;
    margin-bottom:20px
}
.intro__btn-wrap{
    max-width:800px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    left:50%
}
.intro__btn-group{
    display:flex
}
.intro__btn:hover{
    background-color:#4dffbf;
    box-shadow:0 10px 30px rgba(82,255,229,.1)
}
.intro__btn{
    margin-right:19px;
    margin-bottom:32px
}
.intro__btn:last-child{
    margin-right:0
}