h2,h1{
    font-family: "Alata", sans-serif;
  font-optical-sizing: auto;
  font-weight: 60;
 
  text-align: center;
  font-size: 30px;
}
a{
   font-family: "Alata", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: black;
  font-size:  20px;

  
  
}
.links a:hover{
   color: rgb(0, 0, 0);
   filter: blur(0.7px);
   font-style: italic;

}

   
 
p{
   text-align: center;
}
.hblink{
   font-weight: 600;
}
.pblink{
   text-align: center;
}
.pblink a{
   color: rgb(248, 168, 181);

}

 

.pblink a:hover{
   color: rgb(238, 156, 184);
   font-style: italic;
   filter: blur(1px);

}

p{font-family: "Alata", sans-serif;
    font-weight: 500;
  font-style: normal;
  color: black;
  font-size:  20px;



}
.meow{
   width: 250px;
   transition: filter 0.3s ease-in-out, width 0.3s ease-in-out;
}
.meow:hover{
   filter: blur(1px);

   width: 260px;
    transform: scale(1.05)

}

.main{
  
  
    border-width: 30px; 
  border-style: solid;
  border-color: transparent; 

  /* 2. Define the image, how it's sliced, and how it repeats */
  border-image: url('https://i.pinimg.com/1200x/38/ad/5b/38ad5b2ecaf2c6d8d92b2ade1dd69521.jpg')  110 round;

  /* Just for visibility */
  padding: 20px;
  min-height: 50px;
  top: 250px;
}
.test{
   display: flex;
  justify-content: center; /* Centers items horizontally */
  align-items: center; /* Centers items vertically */
  
  /* Required to fill the full screen height for page centering */
  min-height: 100vh; 
  margin: 0; 
}
.links{
   text-align: center;
   
}