body {
    
    background-image: url(https://file.garden/afur3PEpvWUTiMvr/Backgrounds/by%20valentinely5.png);
    font-family: "Curls";
    src: url("./fonts/Curls.woff");
    background-position: fixed;
    color: #b9dff3;
    border-color: #323f46;
    font-size: 30px;
    color: #7b7b7b;
    cursor: url(https://file.garden/afur3PEpvWUTiMvr/Cursors/pinkcursor.png), auto;

    @font-face { 
  font-family: "Curls"; 
  src: url("/fonts/Curls.woff2") format("woff2"), 
    url("/fonts/Curls.woff") format("woff"), 
    url("/fonts/Curls.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal; 
  font-display: swap; 
}
    
    
}

header {
    
    height: auto;
    width: 450px;
    border-radius: 15px;
    border-style: dashed;
    border-color: #3c512f;
    border-width: 1px;
    margin: 100px 50px 25px 50px;
    border-width:7px; 
    border-style:solid;
    border-image: url("https://file.garden/afur3PEpvWUTiMvr/Backgrounds/lilfowerborder.gif") 7 fill round;
    box-shadow: 0 0 25px 15px rgb(255, 255, 255);
    
}

::selection {
    background-color: #ffdef9;
    color: #ffffff;
}

h1 {
    
    font-size: 60px;
    
    
}

.glow-text {
  color: #ffffff; /* The color of the text itself */
  text-shadow: 0 0 5px #f090c1, 0 0 10px #f090c1, 0 0 20px #f090c1;
}


.container img {

    height: auto;
    width: 300px;
    border-radius: 30px;
    border-style: dotted;
    border-width: 2px;
    margin: 10px;
    border-color: #c1ebff;
    border-width:7px; 
    border-style:solid;
    border-image: url("https://file.garden/afur3PEpvWUTiMvr/Backgrounds/by%20valentinely@Neocities%202.png") 7 fill round;          
    padding: 15px;
    transition: transform .2s;
}

a:link {

color: #ceb7c8;
 
}

a:visited {
    
    background-color: #fdf2fb;
    color: #fad6ea;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
width: 8px;
}
 
::-webkit-scrollbar-track {
background-color: #fdf2fb;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffc6e6;
}
 
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fad6ea;
border: 1px solid #ffc6e6;
}

.container img:hover {
    
    transform: scale(1.45);
    
}

.container {

    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    padding: 20px 20px 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: normal;
    align-items: normal;
    justify-content: space-around;
    border-width: 1.5px;
    border-color: #3c512f;
    border-radius: 20px;
   
}

div {
    
    display: block;
    
}
    
.column1 {
    
    max-width: 21%;
    max-height: 50%;
    margin-left: -35px;
    padding: 10px;
    

}

.column2 {
    
   max-width: 21%;
    max-height: 50%;
    margin: 1 1 1 1em;
    padding: 10px;
    
}

.column3 {

 max-width: 21%;
    max-height: 50%;
    margin: 1 1 1 1em;
    padding: 10px;

}

.column4 {
 max-width: 23.5%;
    max-height: 50%;
    margin: 1 1 1 1em;
    padding: 10px;


}

#top-lace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px; /* Adjust to your lace image height */
  background-image: url('https://file.garden/afur3PEpvWUTiMvr/Dividers/pinkribbon7.webp');
  background-repeat: repeat-x; /* Repeats the lace horizontally */
  z-index: 9999; /* Keeps it on top of other content */
  pointer-events: none; /* Allows users to click through the lace to links below */
}

footer {
    
    background-image: url(LINKHERE);
    margin-left:80px;
    width:450px;
    bottom:4px;
    font-size: small;
    margin: auto;
    text-align: center;
    font-size: 25px;
    /* (c) reijeoh */
    border-width:7px; 
    border-style:solid;
    border-image: url("https://file.garden/afur3PEpvWUTiMvr/Backgrounds/by%20valentinely@Neocities%202.png") 7 fill round;
    
}

@font-face {
  
  font-family: "Curls";
  src: url("/fonts/Curls.woff");
  
}

@font-face {
  
  font-family: "Curls";
  src: url("/fonts/Curls.woff");
  
  
}

.bebe {
      top: 55px;
      position: absolute;
      right: 665px;
      height: 150px;
      width: 150px;
      transform: rotate(45deg);
      object-fit: contain;
      pointer-events: none;
      z-index: 9999;
      filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 0px white);
    }

    .bebe2 {
      top: 200px;
      position: absolute;
      left: 685px;
      height: 150px;
      width: 150px;
      object-fit: contain;
      pointer-events: none;
      z-index: 9999;
      filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 0px white);
    }