*{padding:1px;
  margin:0;}
  #container {
  width:100%;
  margin:auto;
  }
  #sidebar{
  float:left;
  width:20%;
  }
  #content{
  overflow: hidden;
  }
  #text{
  height: 700px;
  overflow: scroll;
  overflow-x:hidden;
  }
  
  #grid-container{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: auto;
  grid-gap:5px;
  
  }
  .see{
  width: 50%;
  height: 40px;
  background-color: lightgray;
  color: black;
  font-size: 14px;
  }
  .color{
  font: 12px;
  color: blue;
  font-family: Arial, Helvetica, sans-serif;
  }
  .signin {
   width: 50%;
   height: 40px;
   background-color: rgb(65, 68, 103);
   color: white;
   font-size: 14px;
  }
  .onecart{
      
     width: 15px;
      height:15px;
      margin: 5px;
  }
  
  .box1{
  padding: 1px;
  border: 1px solid lightgrey; 
  
  }
  .box1>img{
  width:100%;
  height:auto;
  }
  .box1>p{
  padding:1px;
  }