#page5{
    height: 100vh;
    width: 100%;
    background-color: #000000 ;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    overflow: hidden;
    /* border: 1px solid #ffffff; */
}

#page5 .pagetiles {
  color: #ffffff;
  font-family: "League Gothic", serif;
  font-size: clamp(3rem, 10vw, 100vw);
  line-height: 0.8;
  transition: filter 0.5s ease, transform 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: -0.1vw;
}

/* Blur all on hover of parent */
#covertiles:hover .pagetiles {
  filter: blur(10px);
  transform: scale(1);
}

/* Keep hovered item clear and scale it */
#page5 .pagetiles:hover {
  filter: none;
  transform: scale(1.2);
  background-color: rgba(96, 99, 255, 0.288);
  width: 100vw;
}