@font-face { font-family: Delicious; src: url('Lexend-Regular.ttf'); } 

h1 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: Delicious;
  text-shadow: 0 0 6px black, 0 0 6px black, 0 0 6px black, 0 0 6px black; 
}

a {
  color: hotpink;
}

body {
  background-image: url("Images/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fixed-bg {
  /* The background image */
  background-image: url("Images/background.png");

  /* Set a specified height, or the minimum height for the background image */
  min-height: 500px;

  /* Set background image to fixed (don't scroll along with the page) */
  background-attachment: fixed;

  /* Center the background image */
  background-position: center;

  /* Set the background image to no repeat */
  background-repeat: no-repeat;

  /* Scale the background image to be as large as possible */
  background-size: cover;
}

.pixelated {
  image-rendering: pixelated;
}

button.hover-button{
  background: transparent;
  background-image: url("Images/logo_null.png");
  background-size: cover;
  background-position: center;
  display: inline-block;
  border: none;
  font-size: 0px;
  width: 96px;
  height: 96px;
  transition: all 400ms cubic-bezier(.47,2.0,.41,.1);
  }
  button.hover-button:hover{
     cursor: pointer;
     transform: scale(1.35) rotate(0.02turn);
     }


button.hover-image{
  background: transparent;
  background-image: url("Images/logo_null.png");
  background-size: cover;
  background-position: center;
  display: inline-block;
  border: none;
  width: 512px;
  height: 256px;
  transition: all 400ms cubic-bezier(.47,2.0,.41,.1);
  }
  button.hover-image:hover{
      cursor: pointer;
      transform: scale(1.1);
      }