#container{
        width:800px;
        height: 533px;
        background-color: rgba(20,20,20,.80);
        position: relative;
        margin-right: auto;
        margin-left: auto;
        
        
    }

    #beigecanvas{
        position: absolute;
        width: 800px;
        height: 533px;
        background-color: #ECE5CF;
    }


    #greenbackground{
        position:absolute;
        z-index: ;
        height: 490px;
        width: 757px;
        top:21.5px;
        left: 21.5px;
        background-color: #025920;
    }
    
    #bigblueleft{
        position:absolute;
        height: 240px;
        width: 250px;
        background-color: #49C1EF;
        top:95.5px ;
        left:86.5px;
        transform:skewY(-30.5deg)
    
    }
    
    #bigblueright{
        position:absolute;
        height: 240px;
        width: 250px;
        background-color: #49C1EF;
        top:95.5px ;
        right:86.5px;
        transform:skewY(-30.5deg)
    
    }


    #orangeright{
       background-color: #F2935C;
        width:185px;
        height: 184px;
        position:absolute;
        bottom:123px;
        right:86px;
        transform:skewY(-31.5deg);
    }

    #orangeleft{
        background-color: #F2935C;
        width:185px;
        height: 185px;
        position:absolute;
        bottom:123px;
        left:151.5px;
        transform:skewX(-35deg);
        transform:skewY(-31.5deg);
  }


    #vertblueleft{
        position:absolute;
        width: 72.2px;
        height:256px;
        top: 134.9px;
        left:14.5px;
        border-right: 65px solid #49C1EF;
	    border-top: 38px solid transparent;
	    border-bottom: 38px solid transparent;
    
}
    #smallvertleft{
        position:absolute;
        width: 65px;
        height:184px;
        top: 131px;
        left:270px;
        border-right: 65px solid #49C1EF;
	    border-top: 38px solid transparent;
	    border-bottom: 38px solid transparent;
    
}
    #vertblueright{
        position:absolute;
        width: 72.2px;
        height:256px;
        top: 134px;
        right:271px;
        border-right: 65px solid #49C1EF;
	    border-top: 38px solid transparent;
	    border-bottom: 38px solid transparent;

}
   

#smallblueright{
        position:absolute;
        width: 65px;
        height:184px;
        top: 131px;
        right:21.6px;
        border-right: 65px solid #49C1EF;
	    border-top: 38px solid transparent;
	    border-bottom: 38px solid transparent;
}


    #greyboxleft{
        position:absolute;
        width: 65px;
        height:260px;
        top: 150px;
        left:21.5px;
        background-color: #9FA0A1;
        transform: skewX(7deg);
        transform: skewY(30deg);
        
    }

    #greyboxmid{
        position:absolute;
        width: 65px;
        height:260px;
        top: 150px;
        left:400px;
        background-color: #9FA0A1;
        transform: skewY(30deg);
        
    }
    #lowgreyleft{
        position:absolute;
        width: 65px;
        height:230px;
        top:291px;
        left:228px;
        border-left: 90px solid #9FA0A1;
	    border-top: 28px solid transparent;
	    border-bottom: 40px solid transparent;
        transform:rotate(56deg)
    
}
    
    #lowgreyright{
        position:absolute;
        width: 65px;
        height:213px;
        top:304px;
        right:44px;
        border-left: 90px solid #9FA0A1;
	    border-top: 28px solid transparent;
	    border-bottom: 40px solid transparent;
        transform:rotate(55.6deg)
        
}