#cmenu-btn {
  position:fixed;
  top:2px;
  left:0px;
  width:24px;
  height:24px;
  z-index:10000000;
  /*cursor:pointer;*/
  display:none;
  opacity: 0.7;
  transition: 0.3s linear all;
  cursor:pointer;
}

#cmenu-btn img {
    width: 30px;
    border-radius: 4px;
    margin: 4px;
}
#cmenu-btn.activated {
	left:-35px;
}

#cmenu-container {
	position: fixed;
	top:0px;
	left:-20px;
		
	z-index:100;
	pointer-events:none;
}
#cmenu-container.activated {
	left:0px;
	pointer-events:all;
	
}

#cmenu-items {
	position: absolute;
	top:-18px;
	left:-80px;
	width: 200px;
	height: 200px;	
	z-index:0;
}
#cmenu-items a:hover {
	color:orange;	
}
#cmenu-items a {
    display: block;
    overflow: hidden;
    position: absolute;
    height: 24px;
    margin: 10px;
    width: 80px;
    white-space: nowrap;
    border: 1px solid #444343;
    text-align: right;
    background: rgba(0,0,0,0.9);
    border-bottom-right-radius: 16px;
	border-top-left-radius: 6px;
    padding-right: 5px;
	padding-top: 2px;
    text-decoration: none;
    color: whitesmoke;
    font-weight: bold;
	box-shadow: 0px -2px 4px rgba(0,0,0,0.2);
}

.cmenu-item {
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}

.deg0  { opacity:0; transform: rotate(-25deg) translate(5.75em) rotate(-0deg); }
.deg30 { opacity:0; transform: rotate(-25deg) translate(5.75em) rotate(-30deg);}
.deg60 { opacity:0; transform: rotate(-25deg) translate(5.75em) rotate(-60deg);}
.deg90 { opacity:0; transform: rotate(-25deg) translate(6em) rotate(-90deg);}

#cmenu-container.activated #cmenu-items a {opacity:1;}
#cmenu-container.activated #cmenu-items a:nth-child(1) { transform: rotate(2deg) translate(5.75em); }
#cmenu-container.activated #cmenu-items a:nth-child(2) { transform: rotate(16deg) translate(5.75em); }
#cmenu-container.activated #cmenu-items a:nth-child(3) { transform: rotate(30deg) translate(5.75em); }
#cmenu-container.activated #cmenu-items a:nth-child(4) { transform: rotate(44deg) translate(5.75em); }
#cmenu-container.activated #cmenu-items a:nth-child(5) { transform: rotate(58deg) translate(5.75em); }
#cmenu-container.activated #cmenu-items a:nth-child(6) { transform: rotate(72deg) translate(5.75em); }