html {
    cursor: url('https://welcometodeerfield.neocities.org/assets/applesad.gif'), auto;
  
}

body {
  background: white;
  background-image: url("https://welcometodeerfield.neocities.org/assets/grass.jpg");
  background-size: 16%;
  animation: fadeIn 4s forwards; /* Apply the animation */
  margin: auto;

}

@keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        
.header {
position: absolute;
top: 50px;
left: 450px;
background-color: gray;
width: 700px;
height: 120px;
border: 3px solid black;
}

.left {
position: absolute;
top: 180px;
left: 450px;
background-color: gray;
width: 200px;
height: 600px;
border: 3px solid black;
}

.right {
position: absolute;
top: 180px;
left: 670px;
background-color: gray;
width: 480px;
height: 600px;
border: 3px solid black;
}

.footer {
position: absolute;
top: 790px;
left: 450px;
background-color: gray;
width: 700px;
height: 90px;
border: 3px solid black;
}