A handy set of styles I find myself applying to all new projects

defaults.css

/*! Loosely derived from https://gist.github.com/jackdomleo7/55659bafe581d19cc341ef775d6a9e6b */

@import ('Import normalizer stylesheet here');

::selection {
	text-shadow: none;
	color: #fff;
	background-color: rgba(0, 0, 255, 0.1);
}

html {
	font-size: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: "Your Font Stack";
	text-rendering: geometricPrecision | optimizeLegibility | optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	height: auto;
	max-width: 100%;
}

button {
	color: inherit;
}

a,
button {
	/* Anchors and buttons don't want double-tap on mobile to zoom */
	touch-action: manipulation;
}

*:focus-visible,
input:focus-visible,
button:focus-visible,
[type="submit"]:focus-visible {
	outline: 1px dashed var(--focus);
	outline-offset: 3px;
}

input:focus-visible: {
	outline-style: solid;
	outline-width: 3px;
	outline-offset: 0;
}