body {
    background-image:url(https://i.ibb.co/zhH82BpB/neighborhoodbg.gif);
     background-size: cover; /* This is the key property */
  background-repeat: no-repeat; /* Prevents the image from tiling */
  background-position: center; /* Centers the image */
  background-attachment: fixed;
    cursor: url(https://i.ibb.co/NnsJ1J5q/lpscursor.png), auto;
  font-family: comicsans;
    
}

a:hover {
    cursor: url(https://i.ibb.co/NnsJ1J5q/lpscursor.png), auto;
}

section img {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.bounce img:hover {
  animation: bounce 0.5s infinite;
}

@keyframes bounce {
    0%, 100% {
        /* Start and end position (no vertical translation) */
        transform: translateY(0);
    }
    50% {
        /* Mid-point of the bounce (moves up 10 pixels) */
        transform: translateY(-10px); 
    }
}


section {
     background-color:rgba(255, 255, 255, 0.41);
    border-radius: 10px;
    padding:15px;
    margin:auto;
    width:80%;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers based on own size */
}


@font-face {
  font-family: "starborn";
  src: url(starborn.ttf);
}

@font-face {
  font-family:"comicsans";
  src: url(comicsans.ttf);
}

@font-face {
  font-family:"heycomic";
  src: url(heycomic.ttf);
}

@font-face {
  font-family:"crystaluniverse";
  src: url(crystaluniverse.ttf);
}

h1 {
  text-align: center;
  font-family:starborn;
  -webkit-text-stroke: 1px white; 
    color:#ff5a90;
}