div.gallery{/*mobile layout*/
  margin: 3%;
	background-color: gray;
	border-radius: 2%;
	border: 7px solid black;
}

div.gallery > h2{/*mobile layout*/
  padding: 0.5%;
  padding-left: 2.5%;
  font-size: 2.775em;
  }

div.gallery > img{/*mobile layout*/
	width: 95%;
	margin: 2.5%;
	margin-bottom: 1rem;
	margin-top: 1rem;
border: 10px solid #FCF3D9;
border-radius: 1%;
}

div.gallery > p{/*mobile layout*/
margin: calc(10px + 2.5%);
margin-top: 0px;
font-size: 1.85em;
}

div.gallery > date{/*mobile layout*/
	margin: 3%;
	margin-bottom: 3%;
	color: white;
	padding: 0.5rem;
	background-color: #242a30;
	border-radius: 100vw;
	font-size: 1.85em;
}

@media screen and (min-width: 150ch){/*pc layout*/
	.main {
    display: grid;
    grid-template-columns: 49% 49%; 
    justify-content: center;
    }

    div.gallery{
  margin: 3%;
	background-color: gray;
	border-radius: 2%;
	border: 0.3vw solid black;
}

div.gallery > h2{
  padding: 2.5%;
  font-size: 1.5em;
  }

div.gallery > img{
	width: 95%;
	margin: 2.5%;
	margin-bottom: 1rem;
	margin-top: 1rem;
border: 10px solid #FCF3D9;
border-radius: 1%;
}

div.gallery > p{
margin: calc(10px + 2.5%);
margin-top: 0px;
font-size: 1em;
}

div.gallery > date{
	margin: 3%;
	margin-bottom: 3%;
	color: white;
	padding: 0.5rem;
	background-color: #242a30;
	border-radius: 100vw;
	font-size: 1em;
}
}

div.gallery:nth-of-type(6n+1):not(first-child){
background-color:#369d81;
}
div.gallery:nth-of-type(6n+2){
background-color:#ff9b6e;
}
div.gallery:nth-of-type(6n+3){
background-color:#ffb0d1;
}
div.gallery:nth-of-type(6n+4){
background-color:#dd3e3e;
}
div.gallery:nth-of-type(6n+5){
background-color:#498ccf;
}
div.gallery:nth-of-type(6n){
background-color:#ffd56a;
}