h2,h1{
    font-family: fredoka, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: rgb(102, 80, 91);
 
  text-align: center;
  font-size: 30px;
}
h3{
    font-family: fredoka, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: rgb(102, 80, 91);
 
  text-align: center;
  font-size: 20px;
}
a{
   font-family: fredoka, sans-serif;
    font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
  color: black;
  font-size:  20px;


  
}
::selection {
color: #ffffff;
background: rgba(245, 157, 193, 0.562);
}
#gallery-wrapper a:hover{
   filter: blur(0.5px);
   font-style: italic;

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

}
.backbutton{
   position: relative;
   right: 250px;
   top: 59px;
   width: 50px;
}
 
 
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: fredoka, sans-serif;
    font-weight: 400;
  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)

}
.pbox{
   text-align: center;
   font-family: fredoka, sans-serif;
    font-weight: 400;
  font-style: normal;
  color: rgba(196, 129, 155, 0.568);
  font-size:  15px;
   margin-top: -200px;
   margin-right: -170px;
   margin-bottom: 20px;

}
.pbox:hover{
   color: rgba(196, 129, 155, 0.8);
   font-style: italic;
   filter: blur(0.3px);

}
.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;
   
}
body {
  opacity: 0;
  transition: opacity 2s ease;
  
}

body.fade-in {
  opacity: 1;

}