/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
html, body {
   height: 100%; /* Ensure html and body take full height */
  margin: 0; /* Remove default body margin */
}

/* background image */
body {
  background-color: #fffcca;
  background-size: cover;
  position: relative;
  background-image: url(home.png);
  color: white;
  font-family: "Bookman Old Style", Georgia, serif;
  font-size: 11px;
  overflow: hidden;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  

}


/*website container (helping make the border)*/
.website-container {
    /* 1. Define a sufficient border width to accommodate the image design */
    border-width: 75px; 
    border-style: solid; /* Required for border-image to work */
    border-color: transparent; /* Makes the underlying border color transparent */
    padding: 35.5px;

 /* 2. Apply the image as a border */
    border-image-source: url('border.png'); /* Replace with your image path */
    
    /* 3. Slice and repeat/stretch the image to fit the border */
    /* The '30' below slices the image 30px from each edge */
    border-image-slice: 60; 
    border-image-repeat: stretch; /*round or 'stretch' to fit without gaps */
    border-image-width: 75px;

    /* Optional: Ensure the container stretches to fit the viewport or content */
    min-height: 100vh; 
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
  
}
 

/*end website container*/

/* actual border image (not transparent) */



 body {
    cursor: url(https://faninteractive.neocities.org/mag.cur), auto;
  }
    
    a {
cursor: url(https://faninteractive.neocities.org/maghover.cur), auto;
}


 img:hover {
    cursor: url("https://faninteractive.neocities.org/maghover.cur"), pointer; /* Or another fallback like 'grab', 'help', etc. */
 }
 
 
area {
    cursor: url(https://faninteractive.neocities.org/maghover.cur), auto;
}
    
    /* Ensure the image for the map is displayed correctly over the border area */
    /* Adjust its position/size to align with your visual border image design */




/* Repeats and scales the image */


html {
  overflow-y: scroll;
}



font-face {
          font-family: "nancy"; /* Choose a name for your font */
          src: url("font2.woff"); /* Path to your uploaded font file */
}


/* centering file image */



 #fi.flex-item { 
  position: fixed;
  right: 100px;
  top: 150px;
  left: 30px;
  bottom: 500px;
  
  height: 250px;
  width: 100px;
 }
  


 /* Distance from the right of the viewport */
  /* You can use left/bottom instead of right/top as needed */
 /* Ensures the image stays on top of other content */



/* ticket */