.event-participant {
	display: inline-block;
	
	margin: 2px 3px;
	padding: 3px 8px;
	
	border: 2px solid rgba(0,0,0,.5);
	border-radius: 24px;
	
	background: #AAA;
	background: linear-gradient(to bottom right, #DDD, #AAA);
	
	
	cursor: pointer;
	
	
	transition: all .4s;
}

.event-participant:hover {
	border-radius: 8px;
}

.event-root {
	background: #0FF;
	background: linear-gradient(to bottom right, #BFE, #0EC);
}

.event-mod {
	border: 2px solid #FA0;
}

.event-ok {
	background: #8F0;
	background: linear-gradient(to bottom right, #AF0, #0A0);
}

.event-maybe {
	background: #FF0;
	background: linear-gradient(to bottom right, #FF4, #A80);
}

.event-no {
	background: #F30;
	background: linear-gradient(to bottom right, #F86, #C00);
}






@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}