/* 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 */
  padding: 0; /* Remove default body padding */
}

body {
  background-color: #fffcca;
  background: url('home.png');
  background-size: cover;
  color: white;
  font-family: "nancy";
  font-size: 11px;
  overflow: hidden;
}

/*cursor*/

  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. */
    
}


/*end cursor*/


body {
    display: block;

}

body {
  border: 65px solid transparent;
  padding: 25px;
  border-image-source: url('new.png');
  border-image-slice: 50;
  border-image-width: 65px;
  border-image-repeat: round;
/* 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 {
  top: 760px; /* Distance from the top of the viewport */
  right: 20px; 
  bottom: 160px;
  left: 50px; 
  width: 50px;
  z-index: 1;
 /* 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 */

}

#mag {
  top: 20px
}