html {
	font-size:62.5%;
}
body {
	font-family:sans-serif;
	font-size:1.6em;
}

@media screen {
   
	body {
		color:rgb(232,236,246);
		background-color:rgb(34,36,38);
	}
	body > * {
		background-color:rgb(49,51,53);
	}
	
	/*\
	
	
	
	\*/
	
	[contenteditable] {
		cursor:pointer;
	}
	[contenteditable]:focus-within {
		cursor:initial;
		border-color:rgb(230,230,250);
	}
	[draggable] {
		cursor:grab;
	}
	[draggable] * {
		pointer-events:none;
	}
	[draggable][style]:not(:active) {
		transition-property:transform;
		transition-duration:0.3s;
	}
	
	/*\
	
	
	
	\*/
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin:0;
		padding:0.5em;
		/* background:rgb(230,230,230); */
	}
	a,
	a:hover,
	a:focus {
		text-decoration:none;
		color:rgb(170,180,240);
	}
	input,
	select,
	button,
	.button {
		/* margin:0.5rem 0; */
	}
	a[download],
	button,
	.button {
		display:inline-flex;
		font:inherit;
		align-items:center;
		justify-content:center;
		padding:0.5em;
		border-style:solid;
		border-width:1px;
		border-color:rgb(150,150,150);
		border-radius:0.25em;
		color:inherit;
		background:rgb(250,250,250);
		cursor:pointer;
		-moz-user-select:none;
		-webkit-user-select:none;
	}
	input[type='text'] {
		line-height:1.5em;
		box-sizing:border-box;
	}
	input[type='checkbox'],
	input[type='radio'] {
		display:none;
	}
	label {
		cursor:pointer;
	}
	button:active,
	input[type='checkbox']:checked + label,
	input[type='checkbox']:checked + span,
	input[type='radio']:checked + label,
	input[type='radio']:checked + span {
		background:rgb(230,230,230);
	}
	input[type='range'] {
		vertical-align:middle;
	}
	input[type='color'] {
		vertical-align:middle;
		box-sizing:border-box;
		padding:0.25em 0.5em;
		background:transparent;
		border-style:solid;
		border-width:1px;
		border-color:rgb(127,127,127);
		border-radius:0.25em;
	}
	input[type='file'] {
		position:absolute;
		width:0;
		opacity:0;
		z-index:-1;
	}
	
	/*\
	
	
	
	\*/
	
	label {
		cursor:pointer;
	}
	
	/*\
	
	
	
	\*/
	
	.hidden {
		display:none;
	}
}