#text-shadow{
text-shadow: 2px 5px 2px green;
}
#shape1 {
width: 150px;
height: 100px;
background: linear-gradient(to bottom right, green, black, red);
transform:skew(30deg);
box-shadow: 8px 5px 5px 1px yellow;
}
#shape2 {
width: 100px;
height: 100px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #e2730c;
}
#nod{
width: 250px;
height: 200px;
background-image: url('https://images.unsplash.com/photo-1537281000-028bad8dc58d?ixid=MnwxMjA3fDB8MHxzZWFyY2h8N3x8aG9ycm9yfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=60');
background-size: cover;
background-repeat: no-repeat; 
transform: rotate(120deg);
}
#z{
height:0;
width:0;
border: 50px solid transparent;
border-bottom: 30px solid grey;
border-top: 50px solid transparent;
border-right: 100px solid grey;
}