gunnarbittersmann

/**
 * workshop: sudoku
 */

table
{
	border-collapse: collapse;
	margin: 4em auto;
}

gunnarbittersmann

/**
 * workhop: form
 */

*
{
	box-sizing: border-box;
}

html

gunnarbittersmann

/**
 * The first commented line is your dabblet’s title
 */

*
{
	box-sizing: border-box;
}

form

gunnarbittersmann

/**
 * workshop: udhr
 */

html
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	background: hsl(200, 10%, 60%);
	color: #333333;

gunnarbittersmann

/**
 * progress fallback pseudo-element
 */

progress::after
{
	content: attr(value);
}

gunnarbittersmann

/**
 * heading decorated
 */

html
{
	height: 100%;
	background: linear-gradient(
		to right bottom,
		yellow,

gunnarbittersmann

/**
 * heading decorated
 */

h1
{
	font-size: 1.25em; /* use relative unit */
	text-align: center;
	background:
		linear-gradient(

gunnarbittersmann

/**
 * heading decorated
 */

h1
{
	font-size: 1.25em; /* use relative unit */
	text-align: center;
	position: relative;
}

gunnarbittersmann

/**
 * heading decorated
 */

h1
{
	font-size: 1.25em; /* use relative unit */
	text-align: center;
	background-image: linear-gradient(
		to right,

gunnarbittersmann

/**
 * heading underlined
 */

h1
{
	font-size: 1.25em; /* use relative unit */
	text-align: center;
	text-decoration-line: line-through;
	text-decoration-skip: box-decoration;