body{
    width:100%;
    height:500px;
    position:absolute;
   

}
.custom-bg 
         {
   
            background-color:rgb(242, 243, 242);
 
        }
.bird_div{
    height: 700px;;
    background-color: rgb(148, 192, 240);
}
.bird
{
    position:relative;
    width:20%;
    left:100%;
    animation:fly 8s infinite;
    
}
.cloud1
{
    position:absolute;
    width:20%;
    left:100%;
    animation-delay:0s;
    animation:move 40s infinite linear;
}
.cloud2
{
    position:absolute;
    width:20%;
    right:-100%;
    animation:move 39s infinite linear;
    animation-delay:0s;
    animation-direction: reverse;
}
.cloud3
{
    position:absolute;
    left:0;
    top:30px;
    width:50%

}
.cloud4
{
    position: absolute;
    right:30px;
    top:120px;
    width:800px;
    z-index: 2;
}
.sun
{
    position: absolute;
    width:150px;
    height:150px;
    right:50px;
    animation:sun_move 35s linear 1 forwards;
    animation-delay:0s;
    z-index: 1;
}

@keyframes fly {
    0%{
        top:10px;
        left:-20px;
    }
    25%{
        top:200px;
       
    }
    50%{
        top:10px;
        
    }
    75%{
        top:150px;
        
    }
    100%{
        top:10px;
        right:-20px;
    }
}
    @keyframes move{
        0%{
            top:30px;
            left: -50px;;
        }
        25%{
            top:70px;
           
        }
        50%{
            top:100px;
            
        }
        75%{
            top:40px;
            
        }
        100%{
            top:50px;
            left:100%;
        }
    }
    @keyframes sun_move{
            0% {
                top: 0px;
                right: -100px; 
            }
            25% {
                top: 40px;
                right: 50px; 
            }
            50% {
                top: 60px;
                right: 150px; 
            }
            75% {
                top: 100px;
                right: 300px; 
            }
            100% {
                top: 160px;
                right: 380px; 
            }
    }
    .footer{

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 20px;
        padding:8px;
    }
    
    .icons i{
        padding:5px;
        color: rgb(116, 181, 222);
    }