@import "root.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* ------- Reset CSS ------- */





.blog__container .content__container{
  border-radius: 16px;
  background-color: #FCFAF8;
  padding: 2rem;
  transition-property: transform !important;
  transition-duration: .8s !important;
  transition-timing-function: ease !important;
  border: 1px solid #E5E7EB;
}

.blog__container .deco{
  margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .deco .date p{
  color: #d68e75;
  font-weight: 600;
}

.blog__container .title{
  margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .title h2{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.blog__container .content{
margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .content p{
  color: hsl(200 10% 45%) !important; 
   
}

.blog__container .link{
  cursor: pointer;
   margin-bottom: calc(var(--spacer)*.5);

}

.blog__container .link a {
  color: hsl(165 30% 45%) !important;
  font-weight: 600;
}

.blog__container .link a svg{
  transform: translateY(25%);
}


.blog__container:hover .content__container{
  transform: translateY(-50px);
}

.blog__container:hover .title h2{
  color: hsl(165 30% 45%) !important;
  
}