.head-blog{
  /* background-color: rgba(255, 255, 255, 0.03); */
  background-color: rgba(45, 80, 55, .5);
  width:95%;
  margin: auto; 
  padding: 3vmin;
}

.head-blog p {
  text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
}

#contentPageBlog{
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* max 3 per riga */
  /* gap: 10px; */
  margin: auto;
  width: 95%;
}
.indexPageBlog{
  background-color: rgba(255, 255, 255, 0.03);
  width:95%;
  /* left: 0px;  */
  /* max-height: 40%; */
  margin: 2%; 
  padding: 2.5vmin;
  text-align: justify;
  /* font-size: 5vmin; */
  /* white-space: pre-wrap; */
  line-height: 1.5;
}

.singlePageBlog{
  background-color: rgba(255, 255, 255, 0.03);
  width: 90%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 2.5vmin;
  text-align: justify;
  line-height: 1.5;
}
.singlePageBlog h1{
  font-size: 10vmin;
}

.dataArticle{
  display: block;
  text-align: left;
  font-size: 2vmin;
  font-style: oblique;
}
.fotoPageBlog{
  /* padding: 1vmin; */
  width: 100%;
  aspect-ratio: 4/3;
  /* height: 200px; */
  margin: auto;
}

.textPost{
  /* padding: 2.5vmin; */
  text-align: justify;
  font-size: 75%;
  white-space: pre-wrap;
  line-height: 1.5;
}

.linkArticolo{
  color: white;
  font-size: 3vmin;
  font-style: oblique;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
  text-align: left;
}

@media (max-aspect-ratio: 1/.66) { 
  #contentPageBlog{
    grid-template-columns: repeat(2, 1fr); /* max 2 per riga */
  }
}
@media (max-aspect-ratio: 1/1) { 
  #contentPageBlog{
    grid-template-columns: repeat(1, 1fr); /* max 1 per riga */
  }
}