*{
 margin: 0;
 padding: 0;
}

:root{
  --font1:"Montserrat", sans-serif;
  --font2:"Roboto Condensed", sans-serif;
  --font3:"Epunda Slab", serif;
    --midnightblue:#232946;
  --pink:#eebbc3;
  --white:#fffffe;
  --sky:#d4d8f0;
  --br:#121629;
}


body{
  width: 100vw;
  background: #f3f4f6;
  font-family: var(--font2);

}

html{
  font-size: 62.5%;
}
a{
  text-decoration: none;
  color: black;
}
/* -------------------------Main container2------------------ */
.maincontainer2{
display: flex;
max-width: 100rem;
width: 80%;

flex-direction: column;

}

/* -------------------------Sub container1------------------ */


.subcontainer1{
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid black;
}
/* -------------------------mini container1------------------ */

.minicontainer1{
  display: flex;
}

.sub1img{
  width: 7rem;
}
.sub1txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sub1txt1{
  font-size: 2.048rem;
  font-family: var(--font1);
  font-weight: 600;

}
.sub1txt2{
 font-size: 1.28rem;
}

.sub1txt3{
  font-size:0.8rem;
}
/* -------------------------mini container2------------------ */

.minicontainer2{
  display: flex;
 justify-content: center;
 align-items: center;
  margin-right: 4rem;
  gap: 0.5rem;
  /* border-radius: 15px;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */

}

.usericon{
  width: 2.5rem;
}

.usertext{
  font-size: 2rem;
}
/* ------------------------------------- */
.subcontainer2{
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  width: 95rem;
  margin: 1rem auto;
  border-radius: 15px;
  padding: 1rem;

}
.headingofcontainer{
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.8rem;
  font-size: 1.2rem;
}
.headingimg{
  width: 3rem;
}

.headingtags{
  display: grid;
  grid-template-columns: 1.25fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
  padding: 1rem;
  font-weight: 300;
  font-size: 1.6rem;
  background-color: #f3f4f6;
}

.AYT{
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  font-size: 1.6rem;
  font-weight: 400;

}