*{padding: 0px;margin: 0px; }
.gray{background-color: rgb(255, 255, 255);}
.pic{background-image: url(black.jpeg);repeat:no-repeat;background-size:cover;padding-bottom: 70px;}
.pic{opacity: 1; background-color: #20b2aa;}
.menu{overflow:auto;position: fixed;width: 100%;padding-top: 20px;padding-bottom: 20px; background-color: black; }
.main{width: 1200px;margin:auto;}
.logo{float:left;width: 30%;}
.logo img{box-sizing: border-box;width: 130px; height: 80px;margin-left: 60px;}
.listmenu{float: right; }
.listmenu ul{list-style: none;font-family: 'Assistant', sans-serif;
  font-family: 'Mukta', sans-serif;
  }
.listmenu ul li{float: left;margin-top: 30px;margin-right: 20px;}
.listmenu ul li a{text-decoration:none; color: white;font-family: Arial, Helvetica, sans-serif;font-size: 17px;}
.listmenu ul li a:hover{ color: aqua;}
.para{overflow: auto;}


.matter{padding-top: 300px;font-size: 18px;margin-bottom: 300px;color: aliceblue;font-weight: normal;font-family: 'Assistant', sans-serif;
  font-family: 'Mukta', sans-serif; text-align: justify; width: 100%;}
.matter span{font-weight:bold; font-size: 25px;}
.matter p{font-size: 20px; }

.heading{
  margin-top: 90px; margin-bottom: 90px; text-align: center; font-size: 30px; font-family: Arial, Helvetica, sans-serif;
}
.heading2{
  margin-top: 60px; margin-bottom: 60px; text-align: center; font-size: 30px; font-family: Arial, Helvetica, sans-serif;
}
.pic{background-image: url(black.jpeg);repeat:no-repeat;background-size:cover;padding-bottom: 70px;}
.container{
    grid-gap:20px;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2,1fr);
    text-align: justify;
   
}

* box-sizing: border-box;
.time img{
    margin-right: 20px;
    overflow-clip-margin:content-box;
    margin-bottom: 10px;
}


.img{
    vertical-align: middle;
    border-style: none;
    width: 50px;
    height: 50px;
    aspect-ratio: auto 50/50;
    overflow-clip-margin: content-box;
    overflow: clip;
}


.item{
    display: flex;
    padding: 16px;
    width: 100%;
    margin: auto 0px;
    line-height: 20px;
    
}
.div{display:block ;}
.name p{
    color: rgb(138, 138, 142);
    margin-left: 20px;
    font-family: roboto,sans-serif;
    font-size: 16px;
    margin-top: 10px;
}
.name h3{
    font-family: Arial, Helvetica, sans-serif;
   margin-left: 20px;
line-height: 1.2;
color: rgb(75, 74, 74);
}
.list{
    display: flex;
    padding: 16px;
    width: 100%;
    margin: auto 0px;
    line-height: 20px;
}

.color{background-color: black;}
  .icons{text-align: center;padding-top: 20px;padding-bottom: 20px;}
  .icons a{text-decoration: none;padding-right: 20px;color: rgb(121, 124, 124); }
  .icons a:hover{color:aqua;}

  .menulist{overflow: auto; font-family: Arial, Helvetica, sans-serif;}
  .menulist ul{list-style: none;margin-left: 530px;margin-top: 20px;}
  .menulist ul li{float: left;}

  .info{color:rgb(94, 95, 96);margin-left: 505px;padding-top: 10px;}
  .info a:hover{color: aqua; }
  .info span{padding-top: 10px; margin-top: 10px;}
  .info span a:hover{color:aqua;}
  .info a{color:rgb(111, 112, 113);text-decoration: none;margin-left: 15px;}