body {
	background-color: wheat;
}

#btn {
	background-color: blue;
  color: white;
  font-size: 1.1em;
}
/* :hover controls how element looks when hovered */
#btn:hover {
	background-color: red;
  color: black;
  cursor: pointer;
}
#link:hover {
	background-color: purple;
}
/* :visited controls how a link that has been clicked looks */
#link:visited {
	color: red;
}
/* :link controls how a link that has not been clicked looks */
#link:link {
	color: limegreen;
}
/* gradient background */
#lin-grad {
	width: 200px;
  height: 200px;
  /* linear-gradient is top-to-bottom by default */
  /* to left, to right, to bottom can change direction */
  /* specify an angle for a diagonal gradient */
  background: linear-gradient(45deg, green, lightpink, orange, red);
  background-color: green;
  /*
  	one value => all corners rounded with same value
  	two values => first value is upper left & lower right corners, second value is upper right & lower left corners
  	three values => first value is upper left corner, second value is upper right & lower left corners, third value is lower right corner
  	four values => upper left, upper right, lower right, lower left in that order
  */
  border-radius: 30% 10% 15% 50%;
}
#rad-grad {
	width: 200px;
  height: 200px;
  background: radial-gradient(at left, green, lightpink, orange, red);
}
#title {
	text-align: center;
  font-size: 3em;
  /* text-shadow: horizontal offset, vertical offset, shadow blur (optional), shadow color */
  background-color: yellow;
  text-shadow: 1px 3px 5px limegreen;
  border-radius: 15%;
}
.box {
	box-shadow: 1px 3px 5px red;
}

#bison {
	width: 100%;
  max-width: 200px;
  border-radius: 50%;
}