*{
	margin: 2.5px;
	padding: 0;
}

body{
	font-family: "Courier New";
  background: hotpink 
}

h1{
	font-family: "Papyrus";
  color: white;
  font-size: 7vw;
  text-align: center; 
    
  
}

h2{
  text-indent: 8px;
	font-family: "Courier New";  
  color: white;
  font-size: 2vw;
  
}


.container_01{
 
  width: 98%;	
  display: grid;
  grid-template-columns:repeat(4, 1fr);
  gap: 10px;
  grid-template-rows:repeat(1, 1fr); 

}

.item1{
   width: 100%;
   
}
img{
  width: 100%;
  border: 1px solid black;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3);
  
}

.container_02{
 
  width: 98%;	
  display: grid;
  grid-template-columns:repeat(4, 1fr);
  gap: 10px;
  grid-template-rows:repeat(1, 1fr); 

}

.item2{
   width: 100%
     
}
img{
  width: 100%;
  border: 1px solid black;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3);
}

.container_03{
 
  width: 98%;	
  display: grid;
  grid-template-columns:repeat(4, 1fr);
  gap: 10px;
  grid-template-rows:repeat(1, 1fr); 

}

.item3{
   width: 100%	
}
img{
  width: 100%;
  border: 1px solid black;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3);
}

.container_04{
 
  width: 98%;	
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  gap: 10px;
  grid-template-rows:repeat(1, 1fr); 

}

.item4{
   width: 100%	
}
img{
  width: 100%;
  border: 1px solid black;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3);
}

img:hover {
   box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.3);
   transform: scale(1.07);
  transition: transform 0.2s ease;
  
  
}