body {
                    background-image:url(https://i.pinimg.com/736x/86/22/d8/8622d8bdef881463048ae7b3370c32d1.jpg);
                    background-attachment: fixed;
                    background-repeat: repeat;
                    overflow:hidden
                }
       
/*fonts*/

@font-face {
font-family: magazine;
src: url(https://dl.dropbox.com/s/9a122x5sim0udkw/MagazineLetterByBrntlbrnl-Regular.ttf);
 
}

@font-face {
font-family: MS San Serif;
src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/MS%20Sans%20Serif.ttf);
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

/*hover text*/

.imgtxt {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: absolute;
}
.imgtxt span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}
.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}