/* CLASS SELECTORS */
@media (max-width:1100px){
  .imgs{
    width:45%;
    margin:5px;
  }
}
@media (min-width:1101px){
  .imgs{
    width:23%;
    margin:8px;
  }
}
@media (max-width:500px){
  h1{
    font-size: 1.5rem;
  }
}
.gallery{
  text-align: center;
  margin:0;
  padding:100px 0 0 0;
}
.gallery img{
  cursor: pointer;
}
.gallery:focus-within img:not(:focus) {
  filter: blur(2px) brightness(40%);
}
.gallery img:focus{
  position:relative;
  width:92%;
  filter:drop-shadow(0 0 10px black);
}
.imgs{
  aspect-ratio: 16/9;
  border-radius: 20px;
  display: inline;
}
.page-title{
  margin:0 auto;
  width:fit-content;
}
/* ELEMENT SELECTORS */