*{
    margin: 0;padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    border: border-box;background-color: black;
}
body{
    display: flex;flex-wrap: wrap;
}
.navbar{
    height: 50px;
    width: 100%;
    color:rgb(244, 233, 233);
    background-color: rgb(0, 0, 0);
    display: flex; margin-top: 6px;
    justify-content:left;
    align-items: center;
   
}
.ops{
    height: 40px;margin-top: 12px;margin-left: 20px;
    width: 50px;
    align-items: center;justify-content: space-evenly;padding: 2px;
}
.ops i{
    font-size: 1.4rem;
    color:white;align-items: center;justify-content: space-evenly;


}
.ops border{
    border: 1px solid black ;
}
.border :hover{
    border:1px white solid;
}
.logo{
    height: 40px;
    width: 110px;margin-left: 20px;margin-right: 20px;

}
.classlogon{
    background-image: url(youtube.jpg);
    background-size: cover;
    height: 40px;width: 100%;
}
    .searchbar{
        display: flex;background-color: rgb(0, 0, 0);color: rgb(0, 0, 0) ;
        justify-content: space-evenly;
        height: 40px;
        width: 540px; margin-left: 60px;
         
    }
    
    
    .search-input{
        width: 500px;height: 34px;;font-size: 1 rem;color:rgb(218, 211, 211);
        
            
    }
    .searchbar border{ 
        border: 2px solid rgb(23, 23, 23)  ;
    }
    .search-input border{
        border: 1px solid rgb(23, 23, 23)  ;
    }
    .search-icon{
        width: 40px;
        justify-content: center;color: white;
        display: flex;
        align-items: center;
        font-size: 1.2em;
        background-color: rgb(23, 23, 23); color: 0px;border-top-right-radius: 50%; border-bottom-right-radius: 50%;

    }
    .mic{
        margin-top: 5px;width: 30px;
       height: 30px;font-size: 1.4rem;margin-left: 5px;
       border-radius: 50%; 
       margin-left: 30px;margin-right: 40px;
       color: aliceblue;background-color:rgb(0, 0, 0) ;
   }
   .video{
       width: 40px;border: 2px solid black;margin-left: 120px;
       
   
   }
   .bell{
   margin-left: 35px;
   }
   .profile{
       height: 30px; width: 30px;
       border-radius: 50%;margin-left: 40px;
      background-image: url(memine.jpg);background-size: cover;
   
   }
   
   .pass{
    height: 220px; width: 1200px;
    background-image: url(a401382c00a66a52c6f1926f784758e2236b11e353e2783daac7a69a589d80f3_2560x520.png);
   background-size: cover;margin-left: 70px;
   
   }
   .tabs{
    
    height:6rem; width: 100em;
    background-color: rgb(0, 0, 0);
   margin: 5px; margin-left: 60px;
    justify-content: center;display: flex;align-items: center;flex-wrap: wrap;gap: 20px;
   }
   h5{
    color: rgb(108, 113, 118);
   }
   .not{
    height: 2rem; width: fit-content; background-color: rgb(52, 48, 48);color: aliceblue;
    border-radius: 0.8rem; border: none;justify-content: center;padding:8px;gap: 8px;
   }
  
   .shopsection{
    display: flex;flex-wrap: wrap;background-color:rgb(0, 0, 0); 
    justify-content: space-evenly;margin-left: 60px;
}
.box{
    height: 1800px;
    ;width: 389px;background-color: rgb(0, 0, 0);
    padding: 10px 0px 15px;
  

}
.box-img{
    height: 210px; width: 350px;
    background-size: cover;
    margin-top: 1rem;margin-bottom: 1rem;border-radius: 5px;border: none;
}
.box-content{
    margin-left: 1rem;margin-right: 1rem;
}
.box-content{
    color: #eef6f6;
}