body {
			background-color: #e3f6f5;
	        background-image: url('Wetplant.jpg');
			background-size: cover;
			background-position: center;
			font-family: 'Inconsolata', monospace;
			color: #333;
			margin: 0;
			padding: 0;
		}

		.Title {
			background-image: linear-gradient(to left top, #556e4f, #648b50, #77a94d, #8fc744, #ade432);
	        border: 2px solid #4b8041;
			color: #fff;
			font-family: 'Inconsolata', monospace;
			font-size: 40px;
			margin: 0;
			padding: 15px;
			text-align: center;
			text-shadow: 1px 1px #333;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		}
		.banner {
		    background-image: radial-gradient(circle, #62b1c6, #71b9ce, #7fc0d7, #8dc8df, #9ad0e7);
		    color:#fff;
		     text-align:center;
            margin:0;
            text-shadow: 1px 1px #333;
            font-family:'Raleway', monospace;
            font-size:20px;
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		}
    .banner a {
        color:#fff;
        text-decoration: none;
    	
    }
    .banner a:hover {
        color:#fff;
    }
.list li {
    width:80%;
    
}
img {
    border: 2px solid #316328;
}
li {
            width:80%;
           background-image: linear-gradient(to top, #456b3f, #4f743f, #5a7c3e, #66843c, #738c3a);
         border: 2px solid #2e5216;
			color:#a2d17d;
			font-family: 'Inconsolata', monospace;
			font-size: 34px;
			margin: 4px;
			padding: 10px 20px;
			text-align: center;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
			border-radius:5px;
}
		h3 {
		       border: 2px solid #1d3808;
			background-color:#8bc267;
			color: #527a37;
			font-family: 'Inconsolata', monospace;
			font-size: 22px;
			margin: 0;
			padding: 10px 20px;
			text-align: center;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		}
   .ahref {
        background-color: #7cc5de;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
       
   }
   
   .ahref a {
        background-color: #fff;
  border-style: 2px double #4f67b8;
  color: #6FC3D5;
  font-family: 'Rajdhani', sans-serif;
  font-size: 25px;
  margin: 10px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
   }
   
   .ahref a:hover {
  background-color: #95e0f5;
  color: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transform: translateY(-2px);
}
        p {
         background-image: linear-gradient(to bottom, #427639, #3b7033, #336a2e, #2b6428, #235e23);
         border: 2px solid #1d3808;
			color:#8ecf82;
			font-family: 'Inconsolata', monospace;
			font-size: 22px;
			margin: 0;
			padding: 10px 20px;
			text-align: center;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        }
		.b2 {
			background-color:#5b8255;
			border: 2px solid #5b8255;
			color: #a1d199;
			font-family: 'Inconsolata', monospace;
			font-size: 40px;
			padding: 20px;
			text-align: center;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
			margin:0;
		}
        #b3 {
            	background-color: #fff;
			border: 2px solid #a1b8bf;
			width:30%;
			color: #8acfe6;
			font-family: 'Inconsolata', monospace;
			font-size: 40px;
			padding: 20px;
			text-align: center;
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        }
        #b4 {
            width:30%;
        }
.navbar {
  background-color: #64854c;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 20px;
}

.navbar a {
  color: #fff;
  font-family: 'Rajdhani', sans-serif;
  font-size: 20px;
  margin: 0 10px;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.navbar a:hover {
  background-color: #90d450;
  transform: translateY(-2px);
}

.navbar a.active {
  background-color: #90d450;
  color: #1e4d70;
  font-weight: bold;
}

.navbar::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #90d450;
  margin-top: 10px;
}

.barnacle {
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin: 30px 30px;   
  padding: 20px;
}

.barnacleimg {
  flex-basis: 40%;
  margin: 10px;
}

.barnacletext {
  font-size: 20px;
  width: 1250px;
}
.container {

     align-items: center;
    justify-content: center;
}