.triangle1 {
    position: absolute;
    top: 450px;
    left: 50%;
    margin-left: -140px;
    height: 0px; 
    width: 0px; 
    padding: 0px; 
    border-top: 140px solid transparent; 
    border-left: 140px solid #F2D1AB; 
    border-bottom: 140px solid transparent; 
    cursor: move;
}
.resize-handle {
    position: relative;
    top: -15px;
    left: -15px;
    height: 0px; 
    width: 0px; 
    padding: 0px; 
    border-top: 15px solid transparent; 
    border-left: 15px solid #333; 
    border-bottom: 15px solid transparent; 
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
     opacity: 0.9;
}

.triangle3 {
    position: absolute;
    top: 450px;
    left: 50%;
    margin-left: -140px;
    height: 0px; 
    width: 0px; 
    border-top: 140px solid #A7D8BB; 
    border-left: 140px solid transparent; 
    border-right: 140px solid transparent; 
}

.resize-handle3 {
    position: relative;
    top: -15px;
    left: -15px;
    height: 0px; 
    width: 0px; 
    border-top: 15px solid #444; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}



.triangle2 {
    position: absolute;
    top: 660px;
    left: 50%;
    margin-left: -140px;
    height: 0px; 
    width: 0px; 
    border-left: 70px solid transparent; 
    border-right: 70px solid transparent; 
    border-bottom: 70px solid #6DB7B5;  
}

.resize-handle2 {
    position: relative;
    top: 0px;
    left: -15px;
    height: 0px; 
    width: 0px; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
    border-bottom: 15px solid #444; 
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
   
}


.triangle4 {
    position: absolute;
    top: 520px;
    left: 50%;
    margin-left: 0px;
    height: 0px; 
    width: 0px; 
    border-top: 70px solid transparent; 
    border-right: 70px solid #5C7D8E; 
    border-bottom: 70px solid transparent; 
}

.resize-handle4 {
    position: relative;
    top: -15px;
    left: 0px;
    height: 0px; 
    width: 0px; 
    border-top: 15px solid transparent; 
    border-right: 15px solid #444; 
    border-bottom: 15px solid transparent; 
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;  
}


.triangle5 {
    position: absolute;
    top: 590px;
    left: 50%;
    margin-left:0px;
    height: 0px; 
    width: 0px; 
    border-top: 70px solid transparent; 
    border-left: 70px solid transparent; 
    border-right: 70px solid #FFF7D7; 
    border-bottom: 70px solid #FFF7D7;  
}

.resize-handle5 {
    position: relative;
    bottom: -46px;
    right: -46px;
    height: 0px; 
    width: 0px; 
    border-top: 13px solid transparent; 
    border-left: 13px solid transparent; 
    border-right: 13px solid #444; 
    border-bottom: 13px solid #444;   
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


.square{
    position: absolute;
    top: 610px;
    left: 50%;
    margin-left: -50px;
    height: 100px; 
    width: 100px; 
    background-color: #F99F91; 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg); 
}

.resize-handle-square {
    position: relative;
    top: -100px;
    left: -100px;
    height: 0px; 
    width: 0px; 
    border-left: -5px solid transparent; 
    border-right: 23px solid transparent; 
    border-top: 23px solid #444; 
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


.paral{
    position: absolute;
    top: 520px;
    left: 50%;
    margin-left: 35px;
    height: 71px; 
    width: 140px; 
    background-color: #FFFBF1; 
    -webkit-transform: rotate(90deg) skew(45deg); 
    transform: rotate(90deg) skew(45deg); 
}

.resize-handle-paral {
    position: relative;
    top: -16px;
    left: -24px;
    height: 17px; 
    width: 23px;
    background-color: #444; 
       -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg);  
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


