body{
  background-color: #FFFFFF;
  cursor: default;
  background-image: url('wingerd.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: contain;
	}
.backdrop {
  border: none;
  width: 300px;
  height: 150px;
  background-color: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-around;  
}
.button2 {
  background-color: rgba(0,50,200,1);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  //background-attachment: fixed;
  border: none;
  width: 400px;
  height: 300px;
  color: white;
  padding: 15px 32px;
  margin: 10px;
  //text-align: center;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-around;
  //line-height: 50px;
  font-size: 100px;
  font-family: Arial;
  font-weight: bold;
  border-radius: 8px;
  //box-shadow: 0 9px #999;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  border: 2px outset rgba(100,0,0,0.9);;
  cursor: pointer;
  overflow: hidden;
}
.button2:hover {
  background-color: rgba(0,20,200,1);
  transform: translateY(3px) translateX(3px);
  cursor: pointer;
}
.button2:active {
  background-color: rgba(100,150,0,1);
  border: 2px inset rgba(80,0,0,0.9);
}
.yellow{
  color: yellow;
}