body{
    padding:20px;
    background:#349873;
    font-family: arial;
    height:100%;
    transition: margin-right 1s;
    overflow:hidden;
}

#welcome-msg{
    color:#fff;
    font-size: 80px;
    text-align:center;
    font-weight:600;
    margin:20px 20px 50px 20px;
}




#lemon1{
    position:absolute;
    right:20%;
    animation: coolest-lemon-ever-1 4s linear 1s infinite;
    width:300px;
}

@-webkit-keyframes coolest-lemon-ever-1 {
    0%{
        right:-500px;
        top: -50%;
        transform: rotate(20deg)
    }
    50%{
        right:calc(100% + 500px);
        top: 90%;
        transform: rotate(-270deg)
    }
    100%{
        right:-500px;
        top: -50%;
        transform: rotate(20deg)
    }
}

#lemon2{
    position:absolute;
    right:20%;
    animation: coolest-lemon-ever-2 5s linear 1s infinite;
    width:200px;
}

@-webkit-keyframes coolest-lemon-ever-2 {
    0%{
        left:-500px;
        top: -50%;
        transform: rotate(20deg)
    }
    50%{
        left:calc(100% + 500px);
        top: 90%;
        transform: rotate(-180deg)
    }
    100%{
        left:-500px;
        top: -50%;
        transform: rotate(20deg)
    }
}


#lemon3{
    position:absolute;
    right:20%;
    animation: coolest-lemon-ever-3 5s linear 1s infinite;
    width:200px;
}

@-webkit-keyframes coolest-lemon-ever-3 {
    0%{
        left:50%;
        top: -50%;
        transform: rotate(20deg)
    }
    50%{
        left:50%;
        top: 90%;
        transform: rotate(-180deg)
    }
    100%{
        left:50%;
        top: -50%;
        transform: rotate(20deg)
    }
}