html {
height: 100%;
display: table;
} td {
vertical-align: top;
} body {
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 1.5;
background-image:
  repeating-linear-gradient(45deg, #fffff0 0 10px, #ffffff 10px 20px),
  repeating-linear-gradient(135deg, #ffffff 0 15px, #f0ffff 15px 30px);
background-blend-mode:difference;
} a {
text-decoration: none;
} a:hover {
text-decoration: underline;
} a, a:link, a:visited, a:hover, a:active {
color: #409090;
} input {
margin: 0;
border: 1px #409090 solid;
padding: 0 0.5em;
} body, ul, input {
background-color: #ffffff;
color: #404040;
} button, .btn {
border: 1px #409090 solid;
color: #ffffff;
background-color: #60a0a0;
} input.btn:hover, button.btn:hover {
color: #409090;
background-color: #e0ffff;
} ul,dl {
text-align: left;
} html, body, table {
padding: 0;
margin: 0 auto;
} .a {
font-size: x-small;
} .css {
text-align: right;
}