@charset "utf-8";
           .active{color:goldenrod;
                  border-bottom: 1px solid goldenrod;}
          
		body{
      background-color:#021e2b;
     }

		     .bg{
			          color:#021e2b;
		    }
		     .nav-link{
			         margin-left:20px;
		           }
		 
		     
             .home{
                      width:100%;
                      height:85px;
                      background-color:#021e2b;
                      top:0;
                      
				      
                  }
             .logo{
                      width:15%;
                      float:left; 
                      border:0px solid black; 
                  }
              li{                     
                      display:inline;
                      padding:10px;
                      margin-top:8px; 
                      color:white;
               }
             a{
                      color:white;
                      text-decoration:none;
             }
             a:hover{
                      color:lightgrey;
                      text-decoration:none;
                   }
             .list{
                      float:left; 
                      width:50%;
                      margin-top:15px;
                      margin-left:100px;
                 }  
            .homeicon{
                       width:15%;
                       color:#021e2b;
                       float:left;
                      }
             .search{
                       color:white;
                       padding:30px;
                       margin-left:30px;
                    }
             .opacity:hover{
                       opacity:0.6;
                           }
             .button{
                       background-color:white;
                       border:none;
                       border-radius:6px;
                       padding:5px 10px;
				      
                    }
             .button:hover{
                       background-color:lightgrey;
                          }
             .signin{
                       margin-top:25px;
                    }  
             
    
		.about{
			width:100%;
			margin-top: 60px;
			
		}
		
   .name{  
			width:60%;
			color:white;
	        font-size: 20px;
			float: left;
	        margin-left:44px;
		}
		
		.img{
			width:30%;
			float:left;
			 margin-left:67px;
		}
		
		.chain{
			width:100%;
			height:420px;
			border-radius:26px;
		}
		
		.main{
			width:100%;
		}
		
		.bangles1{
			    width:20%;
			    float: left;
			    margin-top: 40px;
			    margin-left: 150px; 
		}
		
		.bang{
			width:100%;
			height:248px;
		    border-radius:26px;	
		} 
		
		.place{
			
			width:80%;
			color:white;
			font-size:20px; 
			margin-left:44px;
			margin-top: 10px;
		}
		
		.footer{
			width:100%;
			background-image:url("images/footer.jpg");
			min-height:400px;
			
			background-attachment: fixed;
		}
		.foot{
			margin-top:5%; 
            margin-bottom:30px; 
			float:left;
			height:200px;
			color:white;
			line-height:20px; 
			padding-left:5%; 
		}
		.vl {
			
               border-left:3px solid #515251;
                height: 250px;
            }
		
          .footer > p{
			display:inline:
				
		}
		.footer p:hover{
			color:lightgray;
		}
		
		#suscribe{
			width:216px;
			height:45px;
			border-radius:20px;
		}
		
		.fab:hover{
			background-color:blue;
			color:white; 
		}