.wrapper {
  position: relative;
  overflow: hidden;
  width:300px;
  height:400px;
/*  border:1px solid red;*/
  margin:0 auto;
  margin-top:5%;
  box-shadow:0 0 6px 1px rgba(0,0,0,0.3);
  background: linear-gradient(white,#4183D7)
};



.ufo {
  position: absolute;
  top:130px;
  left:70px;
  border-bottom: 30px solid #34495E;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 70px;
  transform:rotate(190deg);

  &:before {
    content:"";
    position: absolute;
    border-bottom: 30px solid #6C7A89;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	height: 0;
	width: 30px;
  transform:rotate(180deg);
    top:30px;
    right:-20px;
  }
  
  &:after {
    content:"";
    position: absolute;
    width:170px;
    height:20px;
    background: #34495E;
    border-radius:50%;
    top:18px;
    left:-50px;
    box-shadow:0 2px 0 #ECECEC;
  }
}

 .tree1 {
   width: 0;
	height: 0;
	border-bottom: 250px solid #336E7B;
	border-right: 150px solid     transparent;
    position: absolute;
    bottom:0;
    left:0;
  }

.tree2 {
  width: 0;
	height: 0;
	border-left: 140px solid transparent;
	border-right: 140px solid transparent;
	border-bottom: 180px solid #1E842C;
    position: absolute;
    bottom:0;
    left:10px;
  
  &:before {
  content:"";
  width: 0;
	height: 0;
	border-left: 120px solid transparent;
	border-right: 120px solid transparent;
	border-bottom: 160px solid #16A085;
    position: absolute;
    bottom:-180px;
    left:0px;
    z-index:3;
  }
  
   &:after {
  content:"";
  position: absolute;
  width: 0;
	height: 0;
	border-bottom: 180px solid #336E7B;
	border-right: 140px solid transparent;
  }
}

h3 {
  color: white;
  font-size:55px;
  text-align:center;
  position: absolute;
  bottom:-50px;
  z-index:4;
}