body
{
  background-image:url('https://lulling-coven.neocities.org/resources/crafts.bg.webp');
  background-repeat:no-repeat;
  background-size:cover;
  display: flex;
    justify-content: center; 
    align-items: center;     
    height: auto;  
      min-width:0;
      transform:scale(.75);
    
  
}



#content-wrapper
{  
  width:800px;
height:800px;
margin:0;
left:0;
right:50%;
background-color:white;
 border: 1.25em solid transparent; 
border-image: url('resources/whitelace.png') 34 round;
background-clip: padding-box;
overflow:scroll;
z-index:2
}

#content {
  border: 10px solid transparent;
  border-image: url('resources/polkadotyel.jpg') 30 round;
  background-clip: padding-box;
  border-radius:15px;
  height:fit-content;
}


  
   @font-face {

font-family: "seventeen";

src: url('https://lulling-coven.neocities.org/resources/i_am_seventeen/I am Seventeen.ttf') format("truetype");

}

#content-wrapper p
{
  
    


font-family: "seventeen";
  -webkit-text-fill-color: white; 
  
  /* Set the stroke width and color */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFE76E;

  /* Standard property for CSS compliance and shorthand */
  -webkit-text-stroke: 1px #FFE76E; /* shorthand property */
  
  font-size:20px;
  }
  
  #content-wrapper li
  {
    font-family:"seventeen";
    color:#D9D9D9;
    font-size:10px;
  }

#content-wrapper a
{ font-family:"seventeen";
color:#696969;
}
#content-wrapper sh
{
  font-family:"seventeen";
color:grey;
}
  
#star
{
  width:10px;
  height:10px;
  bottom:45%;
  right:25%;
  z-index:99;
  position:absolute;
  min-width:0;
  transform:rotate(30deg);
  
}


#button
{
  width:5px;
  height:5px;
  top:-20%;
  left:5%;
  z-index:99;
  position:absolute;
    min-width:0;

}