Style

.custom-cursor-element {
    
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23E8D1A7" stroke="%23373935" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>'), auto;
}

body{
  Background-color: #969286
}
.website-banner {
  top:20px;
    background-image: url("Bison_field.jpg");
    background-repeat: no-repeat;
    background-position: 50% 85%; 
    background-size: cover; 
    height: 300px; 
    color: #e3ded1; 
    text-align: center;
    Font-size: 90px;
    font-family: 'Corinthia', cursive;
    border-radius: 10px;
}


.list-one {
    list-style-type: none; 
    margin: 0 auto;
  margin-bottom: 30px;
    padding: 0;
    overflow: hidden; 
    display:flex;
    justify-content: center;
    background-color: #5f5a4d;
  border-radius: 5px;
text-align: center;
  
  width:100%;
  height:40px;
}


li a {
    display: inline-block;
    float:left;
    color: #e3ded1; 
    margin: 0 auto;
    padding: 10px 10px;
    text-decoration: none; 
  
}


li a:hover {
    background-color: #4f483f;
}


.active {
    background-color: #7c7366;
}

.container{
  height: 700px;
  width: 70%;
position: relative;
  margin: 0 auto;
  background-image: url("GreenBackground.jpg");
  box-shadow: 0 4px 10px rgba(0,0,0,0.3); 
  background-position: 10% 50%;
  color: #e3ded1;
  background-size: contain;
  border-radius: 40px;
  padding: 20px;
  display:grid;
  grid-gap: 10px;
  grid-template:
    "sidebar main"
    "box footer"
    /200px 840px;
}
.aside{
  padding:20px;
  grid-area: sidebar;
  height: 450px;
  background-color: #9e8f7d;
  border-radius: 20px;
  border-style: double;
  border-width: 8px;
  border-color: #505143;
}
.main{
  padding: 20px;
  grid-area: main;
  height: 450px;
  background-color:#9e8f7d;
  border-radius: 20px;
  border-style: double;
  border-width: 8px;
  border-color: #505143;
}
.footer{
  padding: 10px;
  height: 140px;
  grid-area: footer;
  border-radius: 20px;
  background-color: #9e8f7d;
  border-style: double;
  border-width: 8px;
  border-color: #505143;
}

.box{
  padding:10px;
  height: 140px;
  grid-area: box;
  border-radius: 20px;
  background-color: #9e8f7d;
  height: 140px;
  border-style: double;
  border-width: 8px;
  border-color: #505143;
}