@font-face {
  font-family: pixel;
  src: url(https://dl.dropbox.com/s/rwu0nhwc3rnbaqm/mspixel.otf);
}

@font-face {
  font-family: pixel;
  src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
}



.intro {
            background-color: white;
            color: black;
            border: 2px solid darkslateblue;
             border-radius: 12px;
             padding: 15px;
             margin: 20px 0;
             box-shadow: 0 4px 8px rgba(0,0,0,0.2);
          }
      h2 {
        color: hotpink;
        text-align: center;
      }
      body {
     /* Fix: Added a comma between the gradient and the url */
      background-image: linear-gradient(#16E9DDB3, #0063DBB3, #010E06B3), url('Tree blue.jpg');
      min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   background-attachment: fixed;
        /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
 
        font-family: pixel !important;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
     

     
      a {
        color: mediumvioletred;
      }
      a:hover {
        background-color: gold;
      }