body{
          margin: 0px;
          padding: 0px;
}
#upper{
          height: 280px;
          width: 100%;
          background-color:  #2c0b2d
}
#homeimage{
          height: 60px;
          width: 60px;
          margin-left: 1.5%;
          margin-top: 7px;
}
#help{
          color: white;
          margin-top: 2%;
          margin-left: 10%;
}
#inner{
          width: 81%;
          height: 22%;
          background-color: white;
          margin: auto;
          margin-top: 3%;
          border-radius: 5px;
          display: flex;
          justify-content: space-between;
}
#article{
          margin-top: 1.7%;
          margin-left: 1%;
          color: rgb(162, 156, 156);
}
#search{
          border: black 0px solid;
          width: 6%;
          height: 100%;
          background-color: #cccccc;
          align-items: center;
          text-align: center;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          
}
#lower{
          height: 950px;
          width: 70%;
          display: grid;
          grid-template-columns: repeat(3,1fr);
          grid-template-rows: repeat(2,450px);
          border: 0px black solid;
          margin: auto;
          margin-top: 3%;
          gap: 2%;
}
#lower>div{
          border: 0px black solid;
          margin-bottom: 3%;
          border-radius: 3%;
           box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;;
}

#innerdiv{
          height: auto;
          background-color: #2c0b2d;
          padding: 1px;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;

}
#popular{
          color: white;
          line-height: 40px;
          margin-left: 5%;
}
#innerdiv2{
          height: auto;
          padding: 5%;
}