html{
    scroll-behavior: smooth;
}
/*---------------header start----------------------------*/
.navbar{
    border-bottom: 3px solid #008ed6;
    background-color: #292b2c;
    opacity: 0.7;
}
#main-section{
    background-image: url('img/home.jpg');
    background-attachment: fixed;
    background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   width: 100%;
   height: 100vh;
}
.background {
    background-color: #00000099;
    height: 100vh;
}
.fa-solid{
    background-color: white;
    color: blue;
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
}
.card-form{
    opacity: 0.8;
}
.home-section{
    padding-top: 150px;
    padding-bottom: 50px;
    
}
#Explore{
    background-color: #2e2e2e;
     
}
.connect h1{
    font-size:30px;
}
.fa-solid{
    background-color: black;
    color: white;
    border-radius: 5px;
}
#createe{
    background-color: #2e2e2e;
}
.color{
    background-color: white;
    color: blue;
}
.footer-section{
    background-color: #2e2e2e;
    color: white;
    padding: 10px 0px;
}
@media(max-width:992px){
    #main-section{
        height: 150vh;
    }
    .background {
        
        height: 150vh;
    }
    }
    @media(max-width:575px){
        #main-section{
            height:  70vh; 
        }
        .background {
            
            height:  70vh;
        }
        }