*{margin:0;
    padding: 0;}
    #wholepage{height:4000px;width:100%;font-family: Georgia, 'Times New Roman', Times, serif;color:white;
    }
    #nav{  
        position: fixed;
        top: 0;
        width: 100%;
   
      
        display:flex;justify-content: left;background-color: #19191a;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;color: cornsilk;width: 100%;height: 80px;
    font-size: 20px;}

    img{
        height: 80px;
       
    }
    nav logo{
        margin: 42px;
        
    }
    a{text-decoration-line: none; color:cornsilk;}
    a:hover{
        color: rgb(233, 233, 126);
        }
        
    li{list-style: none;display: inline-block;padding: 20px 27px;}
    
    #nav ul li a{
        color: blanchedalmond;
        border-radius: 5px;
        padding:8px 10px;
        /* transition: all  0.3 ease; */
    }
    #nav ul li a:hover,
    #nav ul li a:active{
        background: #fff;color:black;
        
    }

    /* part section */
    
    #part1{height:650px;width:100%;background-color: #0d0d0e;font-family: Georgia, 'Times New Roman', Times, serif;color:white;text-align: center;padding-top: 40px;font-size: xx-large;
        background-image:url(../images/r4.jpg);background-size: cover;background-repeat: no-repeat; background-attachment: fixed;margin-top: 80px;
    }
    #part2c1{height:525px;width:50%;background-color: black;font-family: Georgia, 'Times New Roman', Times, serif;color:rgb(16, 14, 14);text-align: center;padding-top: 40px;font-size: xx-large;font-family: 'Josefin Sans', sans-serif;
        float: left; background-image:url(../images/r5.png);background-size: contain;background-repeat: no-repeat; background-position: center;
        /* background-size: 525px 100px; */
    }
    #part2c2{height:525px;width:50%;background-color: whitesmoke;color:rgb(16, 14, 14);text-align: center;padding-top: 40px;font-size: 45px;font-weight:bold;
    float: right;font-family: 'Josefin Sans', sans-serif;
    }
    #part2c3{height:525px;width:50%;background-color: whitesmoke;font-family: 'Josefin Sans', sans-serif;color:rgb(16, 14, 14);text-align: center;padding-top: 40px;font-size: 45px;
        float: left;font-weight:bold;
    }
    #part2c4{height:525px;width:50%;background-color: #e8c125;font-family: 'Josefin Sans', sans-serif, Times, serif;color:rgb(16, 14, 14);text-align: center;padding-top: 40px;font-size: xx-large;display:
        flex; background-image:url(../images/r6.jpg);background-size: cover;background-repeat: no-repeat;
    }
    



    /* button section */

.join{height: 50px;width: 120px;border-radius: 40px;font-size: x-large;font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}


#view{height: 50px;width: 120px;border-radius: 40px;position: absolute;top: 2590px;font-size: x-large;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
#select{height: 50px;width: 120px;border-radius: 40px;
    /* position: absolute;top: 2590px; */
    background-color: rgb(97, 252, 136);
    font-size: x-large;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}



.join1{height: 60px;width: 120px;border-radius: 40px;font-size: x-large;
    font-family: 'Josefin Sans', sans-serif, serif;
    /* position:absolute;left: 1100px; */
    top: 1100px;font-weight: bold;}


#navbutton{height: 80px;width: 108px;font-size: large;font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    left: 1411px;font-weight: bold;}



/* gallery Section */

#gallery{height:750px;width:100%;background-color: #19191a;font-family: Georgia, 'Times New Roman', Times, serif;color:white;text-align: center;padding-top: 40px;font-size: x-large;background-image:url(../images/c6.jpg);background-size: contain;
    /* font-size: xx-large; */
    
}
#galleryP{height:1600px;width:100%;background-color: #19191a;font-family: Georgia, 'Times New Roman', Times, serif;color:white;text-align: center;padding-top: 40px;font-size: x-large;background-image:url(../images/c6.jpg);background-size: contain;
    /* font-size: xx-large; */
    margin-top: 35px;
}

#gc1{height:535px;width:28%;background-color: #19191a;margin-left: 25px;float: left;
    background-image:url(../images/c1.png);background-size: cover;background-repeat: no-repeat;
animation: slider1 9s infinite linear;

}
#gc2{height:535px;width:28%;background-color: #19191a;margin-left: 25px;float: right;margin-right: 25px;
    background-image:url(../images/c2.jpg);background-size: cover;background-repeat: no-repeat;
    animation: slider2 9s infinite linear;}
#gc3{height:535px;width:28%;background-color: #19191a;margin-left: 25px;margin-right: 45px;
    background-image:url(../images/c3.jpg);background-size: cover;background-repeat: no-repeat;
    animation: slider3 9s infinite linear;
}
@keyframes slider1 {
    0%{background-image:url(../images/a1.jpg);}
    35%{background-image:url(../images/a2.jpg);}
    75%{background-image:url(../images/a3.jpg);}
    
}
@keyframes slider2 {
    0%{background-image:url(../images/a4.jpg);}
    35%{background-image:url(../images/a5.jpg);}
    75%{background-image:url(../images/a6.jpg);}
    
}
@keyframes slider3 {
    0%{background-image:url(../images/a7.jpg);}
    35%{background-image:url(../images/c1.png);}
    75%{background-image:url(../images/c2.jpg);}
    
}

#gc4{height:535px;width:28%;background-color: #19191a;margin-left: 25px;float: left;
    background-image:url(../images/c1.png);background-size: cover;background-repeat: no-repeat;
animation: slider12 9s infinite linear;

}
#gc5{height:535px;width:28%;background-color: #19191a;margin-left: 25px;float: right;margin-right: 25px;
    background-image:url(../images/c2.jpg);background-size: cover;background-repeat: no-repeat;
    animation: slider22 9s infinite linear;}
#gc6{height:535px;width:28%;background-color: #19191a;margin-left: 25px;margin-right: 45px;
    background-image:url(../images/c3.jpg);background-size: cover;background-repeat: no-repeat;
    animation: slider32 9s infinite linear;}
@keyframes slider12 {
    0%{background-image:url(../images/c3.jpg);}
    35%{background-image:url(../images/c5.jpg);}
    75%{background-image:url(../images/a2.jpg);}
    
}
@keyframes slider22 {
    0%{background-image:url(../images/c6.jpg);}
    35%{background-image:url(../images/c7.jpg);}
    75%{background-image:url(../images/c4.jpg);}
    
}
@keyframes slider32 {
    0%{background-image:url(../images/a7.jpg);}
    35%{background-image:url(../images/c3.jpg);}
    75%{background-image:url(../images/a1.jpg);}
    
}


/* Member */

#mp{height:1200px;width:100%;background-color: #19191a;font-family: 'Lobster', cursive;color:white;text-align: center;padding-top: 40px;font-size: x-large;background-image:url(../images/c6.jpg);background-size: contain;
    /* font-size: xx-large; */
    
}
#memberp{height:800px;width:100%;background-color: #19191a;font-family: 'Josefin Sans', sans-serif;color:white;text-align: center;padding-top: 40px;font-size: x-large;background-image:url(../images/c6.jpg);background-size: contain;
    /* font-size: xx-large; */ 
    /* background-size: cover; */
    /* background-repeat: repeat-y; */
    margin-top: 35px;
}
h5{color:white;
    /* color:#0d0d0e; */
    font-weight: bolder;font-size: larger;
    font-family: 'Josefin Sans', sans-serif, serif;
}

#m1{height:585px;width:28%;background-color: #19191a;margin-left: 25px;float: left;
     /* background-image:url(../images/a5.jpg); background-size: contain; */
     
    background-color: #19191a;
    color:white;
    background-size: cover;background-repeat: no-repeat;
    border-radius: 85px;
    animation: m1 9s infinite linear;


}
/* @keyframes m1 {
    0%{background-color: #d9df1d;}
    35%{background-color: #db4ff1;}
    75%{background-color: #f5b83e;}
    
}
@keyframes m2 {
    0%{background-color: #d9df1d;}
    35%{background-color: #3ef5b0;}
    75%{background-color: #db4ff1;}
    
}
@keyframes m3 {
    0%{background-color: #db4ff1;}
    35%{background-color: #3ef5b0;}
    75%{background-color: #f1b94f;}
    
} */

#m2{height:585px;width:28%;background-color: #19191a;margin-left: 25px;float: right;margin-right: 25px;
    /* background-image:url(../images/a4.jpg); background-size: contain; */
    background-color: #19191a;
    color:white;

    background-size: cover;background-repeat: no-repeat;
    border-radius: 85px;
    animation: m2 9s infinite linear;
   }
#m3{height:585px;width:28%;background-color: #19191a;margin-left: 25px;margin-right: 45px;
    /* background-image:url(../images/c2.jpg);background-size: cover; */
    color:white;
    background-color: #19191a;
    /* background-size: cover;background-repeat: no-repeat; */
    border-radius: 85px;
    animation: m3 9s infinite linear;
    }



/* Footer section */

    #part4foot{height:480px;width:100%;background-color: #19191a;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;color: white;text-align-last: center;padding-top: 15px;float: left; }
    
/*     
    #f1{height:420px;width:30%;background-color:  cornsilk;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;color: black;text-align-last: center;padding-top: 15px;}
    
    #f2{height:420px;width:40%;background-color:  cornsilk;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;color: black;text-align-last: center;padding-top: 15px;}

    #f3{height:420px;width:30%;background-color:  cornsilk;font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;color: black;text-align-last: center;padding-top: 15px;float: right;} */

    #f1{height:420px;width:100%;
        /* background-color: #aa1caa; */
        /* margin-left: 25px;margin-right: 18px; */
        position: absolute;margin-top: 40px;font-size: x-large;font-family: 'Josefin Sans', sans-serif;
        
    
    }
    #f2{
        height:420px;width:30%; 
        /* background-color: hsl(240, 60%, 50%); */
      margin-left: 50px;margin-right: 25px;margin-top: 40px;font-size: x-large;
        float:left;font-family: 'Josefin Sans', sans-serif;
      }
   
    #f3{height:420px;width:28%;
        /* background-color: #d7d726; */
        margin-left: 25px;
        margin-right: 45px;
        margin-top: 40px;font-size: x-large;
        float: right;
        font-family: 'Josefin Sans', sans-serif;
       } 
  
    /* input form{ border: 0px solid;} */

/* responsisve section */
    
    @media (max-width :940px) {
      #nav ul{
          position: fixed;
          top: 80px;
          left: 0;
          background:#111;
          height:100vh;
          width:100%;
          display:block;
      }
    }