#trees{
	background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.jpg");
}

#trees-mascot{
	background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image2.png"), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.jpg");
}

#trees-mascot-gradient{
	background-image: linear-gradient(to bottom, rgb(255, 0, 0, 0.3), rgb(0,255,255,0.3)), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image2.png"), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.jpg");
}

#gradient {
 background-image: linear-gradient(to bottom, rgb(199, 56, 184), rgb(23, 163, 184)); 
}

.example {
	height: 350px;
	width: 100%;
  margin-bottom: 20px;
}

#container {
  padding: 20px;
}

p {
 font-weight: bold;
 color: white;
	font-size: 150%;
  padding: 2%;
  font-family: "Arial", sans-serif;
}