.mainBackGround{
    position: fixed;
    z-index: -100;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: #333333;
    display: block;  
    
}
.sun{
    position: absolute;
    top: 30px;
    left: 100%;
    width: 100px;
    height: 100px;
    background-image: url("../images/sun_feather.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
}
.cloud{
    position: absolute;
    top: 100px;
    left: 10%;
    animation: fadeIn 2s forward;
    opacity: 0;
    display:none;  
}
.largeCloud{
    width:80px;
    height:20px;
    background-image: url("../images/cloud.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    opacity:0.8;
}
.smallCloud{
    width:50px;
    height:10px;
    background-image: url("../images/cloud.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    margin-top:5px;
    opacity:0.7;
}
@keyframes fadeIn {
    to {
      opacity: 1;
    }
  }

.bubble{
    position: absolute;
    background-color: #fff;  
    border-radius:50%;
    top:100px;
    left:10%;  
    width:10px;
    height:10px;
    opacity:0;
    
}

.mountainBack{
    position:fixed;
    bottom:130px;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: url("../images/mount_back.png");  
    background-size:auto 100%;
    background-repeat:repeat-x;
}
.mountainFront{
    position:fixed;
    bottom:100px;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: url("../images/mount_height.png");  
    background-size:auto 100%;
    background-position:center;
    background-repeat:repeat-x;
}
.sea_layer_1{
    position:fixed;
    bottom:40px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url("../images/sea_layer_1.png");  
    background-size:auto 100%;
    background-repeat:repeat-x;
}
.sea_layer_2{
    position:fixed;
    bottom:20px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url("../images/sea_layer_2.png");  
    background-size:auto 100%;
    background-repeat:repeat-x;
}
.sea_layer_3{
    position:fixed;
    bottom:0px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url("../images/sea_layer_3.png");  
    background-size:auto 100%;
    background-repeat:repeat-x;
}
.sea_layer_4{
    position:fixed;
    bottom:-50px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url("../images/sea_layer_4.png");  
    background-size:auto 100%;
    background-repeat:repeat-x;
}
.happyNewYear2025_snake{
    position:fixed;
    bottom:40px;
    left: 0;
    width: 50px;
    height:50px;
    background-image: url("../images/happy_new_year_2025.png");  
    background-size:100% 100%;
}

.happyNewYear2025_boat{
    position:absolute;
    bottom:30px;
    left: -10%;
    width: 100px;
    height:100px;
    background-image: url("../images/happyNewYear2025_boat_1.png");  
    background-size:100% 100%;
    transform:scaleX(1);
}

.fishe_1{
    position:fixed;
    bottom:75px;
    left: 0;
    width: 50px;
    height:50px;
    background-image: url("../images/fishes/dolphin.png");  
    background-size:100% 100%;
}