#island-body{
    height: 400px;
    width: 800px;
    /*border: red thin solid;*/
    position: relative;
    top:auto;
    bottom: 80%;
    left: 23%;
    animation: islandMovement 5s linear; 
}

.ground-left{
    width: 0;
	height: 0;
	border-left: 300px solid transparent;
	border-right: 0px solid transparent;
	border-top: 100px solid #2C061F;
    position: relative;
    left: 13%;
    margin: 0;
    bottom: 45%;
}

.ground-right{
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 300px solid transparent;
    border-top: 100px solid #7D5A50; 
    position: relative;
    left: 50%;
    bottom: 70%;
    margin: 0;
}

.grass{
    border-bottom: 100px solid #5B8A72;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	height: 0;
	width: 400px;
    position: relative;
    left: 13%;
    bottom: 45%;
}

.pond{
    width: 100px;
    height: 50px;
    border-radius: 100%;
    background-color: #3887BE;
    position: relative;
    left: 60%;
    z-index: 2;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 30%;
}

#mountain1{
    position: relative;
    left: 37%;
    top: 60%;
    z-index: 3;
    width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 75px solid #374045;
}

#mountain2{
    position: relative;
    left: 30%;
    top: 25%;
    z-index: 2;
    width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 75px solid #45545c;
}
#mountain3{
    width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 75px solid #374045;
    position: relative;
    left: 21%;
    z-index: 3;
    top: 50px;
}
#mountain4{
    width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 50px solid #1b2328;
    position: relative;
    left: 35%;
    bottom: 10%;
    z-index: 2;
}
#mountain5{
    width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 50px solid #1b2328;
    position: relative;
    left: 30%;
    bottom: 30%;
    z-index: 1;
}

.tree{
    height: 70px;
    width: 45px;
}

.leaves{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #a5633c;
    position: relative;
    left: 30%;
}

.stump{
    width: 7px ;
    height: 20px;
    background-color: #2C061F;
    position: relative;
    left: 43%;
}

.leavetop{
    position: relative;
    top: 10px;
}

#tree1{
    position: relative;
    left: 70%;
    bottom: 110%;
}

#tree2{
    position: relative;
    left: 50%;
    bottom: 130%;
    z-index: 3;
}

#tree3{
    position: relative;
    bottom: 165%;
    left: 60%;
}

#tree4{
    position: relative;
    bottom: 170%;
    left: 75%;
    z-index: 3;
}

@keyframes islandMovement{
    0% {transform: translateY(40vw);}
    100% {transform: translateY(-1vw)}
}

.island{top: 100%; left: 50%; animation-duration: 5s;}

.grassplain{
    position: relative;
    width: 200px;
    height: 40px;
    border-color: #3e6953;
    border-radius: 100%;
    z-index: 2;
    background-color: #264324;
}

.mountain-left{
    position: relative;
    left: 20%;
    top: 10%;
}

.mountain-right{
    position: relative;
    left: 33%;
    top: 55%;
}

.navbar li a:hover {
    transform: scale(1.2);
  }
  
  .navbar li a img {
    width: 24px; 
    height: 24px;
    transition: transform 0.3s ease; 
  }
  
  .navbar li a:hover img {
    transform: scale(1.2);
  }