html {
    height: 100%;
    width: 100%;
    max-zoom: 200%;
    cursor: url(shakas.png), auto;
}

body {
    font-family: Montserrat,Verdana,Arial;
    background-color: #efefef;
    width: 98%;
    background-image: /*linear-gradient(rgb(239, 239, 239),rgb(219, 243, 255,0.1)), */url(wave.gif);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: url(shakas.png), auto;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
}

div.clickEffect{
	position:fixed;
	box-sizing:border-box;
	border-style:solid;
	border-radius:50%;
	animation:clickEffect 5s ease-out;
	z-index:-1;
}

@keyframes clickEffect{
	0%{
		opacity:1;
		width:0.5em; height:0.5em;
		margin:-0.25em;
		border-width:0.5rem;
        border-color: #ff8069;
	}
    
    50%{
		opacity:1;
		width:0.5em; height:0.5em;
		margin:-0.25em;
		border-width:0.5rem;
        border-color: #00aadc;
	}
    
    75%{
		opacity:1;
		width:1em; height:1em;
		margin:-0.5em;
		border-width:1rem;
        border-color: #00aadc;
	}
    
	100%{
		opacity:0.2;
		width:50em; height:50em;
		margin:-25em;
		border-width:14rem;
        border-color: #ffffa0;
	}
}