csssecrets

/**
 * Custom checkboxes
 */

input[type="checkbox"] {
	position: absolute;
	clip: rect(0,0,0,0);
}

input[type="checkbox"] + label::before {

csssecrets

/**
 * Extending the hit area — with borders
 */

button {
	padding: .3em .5em;
	border: 10px solid transparent;
	border-radius: 50%;
	background: #58a;
	background-clip: padding-box;

csssecrets

/**
 * Indicating disabled state
 */

:disabled, [disabled], [aria-disabled="true"] {
	cursor: not-allowed;
}

csssecrets

/**
 * Text on a circle
 */

body {
	font: bold 120% Helvetica, sans-serif;
}

.circular {
	width: 30em;

csssecrets

/**
 * Extruded text
 */

body {
	background: #58a;
	color: white;
	text-shadow: 0 1px hsl(0,0%,85%),
	             0 2px hsl(0,0%,80%),
	             0 3px hsl(0,0%,75%),

csssecrets

/**
 * Glowing text
 */

body {
	background: #203;
	font: bold 500%/1 Rockwell, serif;
}

a {

csssecrets

/**
 * Stroked text
 */

h1 {
	margin: 0;
	color: white;
}

h1:first-child { text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black; }

csssecrets

/**
 * Letterpress
 */

body {
	font: 250%/1.6 Baskerville, Palatino, serif;
}

p {
	padding: .8em 1em;

csssecrets

/**
 * Wavy underlines
 */

body {
	font: 250%/1.6 Baskerville, Palatino, serif;
}

a {
	background: linear-gradient(-45deg, transparent 40%, red 0, red 60%, transparent 0) 0 1em,

csssecrets

/**
 * Custom underlines
 */

body {
	font: 250%/1.6 Baskerville, Palatino, serif;
}

a {
	background: linear-gradient(gray, gray) no-repeat;