body {
	--cursor-dot: #fff;
	--cursor-circle: #aaa;
	cursor: none;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, br, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, font,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, input, video, link {
	cursor: none;
}

#main article .close:active:before, #main article .close:hover:before {
	cursor: none;
}

@media (any-pointer:fine) {
	.cursor {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		pointer-events: none;
		z-index: 10000;
	}

	.cursor--1 .cursor__inner {
		fill: var(--cursor-dot);
	}
	
	.cursor--2 .cursor__inner {
		fill: none;
		stroke: var(--cursor-circle);
		stroke-width: 1px;
	}

	.no-js .cursor {
		display: none;
	}
}