html {
    background-color: black;
    font-family: 'Cinzel', serif;
    overflow: hidden;
}

body {
    font-family: 'Cinzel', serif;
    cursor:url("/cursor.gif"), auto;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
      -o-animation: fadein 2s; /* Opera < 12.1 */
         animation: fadein 2s;
}

a {cursor:url("/cursor2.gif"), default;}

img {
    position: absolute;
       position:fixed;
 
    top: 50%;
    left: 50%;
    width: 643px;
    height: 900px;
    margin-top: -450px;
    margin-left: -321px;
 }

#logo{
    position: absolute;
    bottom: 0px;
     width:100%;
     height:275px;
     background:url(pine_04.gif);
     -webkit-animation: slide 240s linear infinite;
 }

#logo1{
    position: absolute;
    bottom: 0px;
     width:100%;
     height:275px;
     background:url(pine_03.gif);
     -webkit-animation: slide 120s linear infinite;
 }

 #logo2{
    position: absolute;
    bottom: 0px;
     width:100%;
     height:275px;
     background:url(pine_02.gif);
     -webkit-animation: slide 60s linear infinite;
 }

 @-webkit-keyframes slide {
    from{
        background-position:-1598px;
    }
    to{
        background-position:1598px;
    }
}

#logo3{
   position: absolute;
   bottom: 0px;
    width:100%;
    height:275px;
    background:url(pine_01.gif);
    -webkit-animation: slide 30s linear infinite;
}

h1 {
    position: absolute;
}

.button {
    border: none;
    color: white;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 1px 8px;
    transition-duration: 0.2s;
    cursor: pointer;
  }
  
  .button1 {
    background-color: rgb(0, 0, 0); 

  }
  
  .button1:hover {
    background-color: #ffffff00;
    color: rgb(96, 96, 96);
  }
  
  .button2 {
    background-color: rgb(0, 0, 0); 

  }
  
  .button2:hover {
    background-color: #ffffff00;
    color: rgb(96, 96, 96);
  }