html{margin:0;padding:0;width:100%;height:100%;background:url('../images/html.jpg') no-repeat top center fixed;background-size:100% 100%}
body{margin:0;padding:0;width:100%;height:100%}
header{height:10px;width:100%;display:block;position:fixed;box-shadow:0 0 35px #000;z-index:999;background:url('../images/header.jpg') repeat center}
ul.countdown{display:block;font-family:"Roboto", sans-serif;left:0;font-weight:400;z-index:99;list-style:none;text-align:center;padding:0;width:100%;height:auto}
h1{font-weight:500;font-family:"Roboto", sans-serif;width:100%;color:#fff;text-align:center;margin:0 0 100px;padding:60px 0 0}
h2{font-weight:500;font-family:"Roboto", sans-serif;width:100%;text-align:center;padding:0;font-size:40px;margin:0}
li.number{font-family:"Roboto", sans-serif;font-weight:400;float:left;min-width:200px;min-height:200px;width:300px;text-align:center;height:auto;display:inline-block;vertical-align:middle;margin:0 75px}
li.dagen{background:#a1d36e;background:-moz-linear-gradient(top,rgba(161,211,110,1)0,rgba(161,211,110,1)50%,rgba(208,233,183,1)50%,rgba(208,233,183,1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(161,211,110,1)),color-stop(50%,rgba(161,211,110,1)),color-stop(50%,rgba(208,233,183,1)),color-stop(100%,rgba(208,233,183,1)));background:-webkit-linear-gradient(top,rgba(161,211,110,1)0,rgba(161,211,110,1)50%,rgba(208,233,183,1)50%,rgba(208,233,183,1)100%);background:-o-linear-gradient(top,rgba(161,211,110,1)0,rgba(161,211,110,1)50%,rgba(208,233,183,1)50%,rgba(208,233,183,1)100%);background:-ms-linear-gradient(top,rgba(161,211,110,1)0,rgba(161,211,110,1)50%,rgba(208,233,183,1)50%,rgba(208,233,183,1)100%);background:linear-gradient(to bottom,rgba(161,211,110,1)0,rgba(161,211,110,1)50%,rgba(208,233,183,1)50%,rgba(208,233,183,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d36e', endColorstr='#d0e9b7', GradientType=0);border-radius:20px;color:#fff}
li.uren{background:#55c1e7;background:-moz-linear-gradient(top,rgba(85,193,231,1)0,rgba(85,193,231,1)50%,rgba(119,205,236,1)50%,rgba(119,205,236,1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(85,193,231,1)),color-stop(50%,rgba(85,193,231,1)),color-stop(50%,rgba(119,205,236,1)),color-stop(100%,rgba(119,205,236,1)));background:-webkit-linear-gradient(top,rgba(85,193,231,1)0,rgba(85,193,231,1)50%,rgba(119,205,236,1)50%,rgba(119,205,236,1)100%);background:-o-linear-gradient(top,rgba(85,193,231,1)0,rgba(85,193,231,1)50%,rgba(119,205,236,1)50%,rgba(119,205,236,1)100%);background:-ms-linear-gradient(top,rgba(85,193,231,1)0,rgba(85,193,231,1)50%,rgba(119,205,236,1)50%,rgba(119,205,236,1)100%);background:linear-gradient(to bottom,rgba(85,193,231,1)0,rgba(85,193,231,1)50%,rgba(119,205,236,1)50%,rgba(119,205,236,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c1e7', endColorstr='#77cdec', GradientType=0);border-radius:20px;color:#fff}
li.minuten{background:#fa6f57;background:-moz-linear-gradient(top,rgba(250,111,87,1)0,rgba(250,111,87,1)50%,rgba(251,140,121,1)50%,rgba(251,140,121,1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(250,111,87,1)),color-stop(50%,rgba(250,111,87,1)),color-stop(50%,rgba(251,140,121,1)),color-stop(100%,rgba(251,140,121,1)));background:-webkit-linear-gradient(top,rgba(250,111,87,1)0,rgba(250,111,87,1)50%,rgba(251,140,121,1)50%,rgba(251,140,121,1)100%);background:-o-linear-gradient(top,rgba(250,111,87,1)0,rgba(250,111,87,1)50%,rgba(251,140,121,1)50%,rgba(251,140,121,1)100%);background:-ms-linear-gradient(top,rgba(250,111,87,1)0,rgba(250,111,87,1)50%,rgba(251,140,121,1)50%,rgba(251,140,121,1)100%);background:linear-gradient(to bottom,rgba(250,111,87,1)0,rgba(250,111,87,1)50%,rgba(251,140,121,1)50%,rgba(251,140,121,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6f57', endColorstr='#fb8c79', GradientType=0);border-radius:20px;color:#fff}
li.seconden{background:#ac94e9;background:-moz-linear-gradient(top,rgba(172,148,233,1)0,rgba(172,148,233,1)50%,rgba(189,169,237,1)50%,rgba(189,169,237,1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(172,148,233,1)),color-stop(50%,rgba(172,148,233,1)),color-stop(50%,rgba(189,169,237,1)),color-stop(100%,rgba(189,169,237,1)));background:-webkit-linear-gradient(top,rgba(172,148,233,1)0,rgba(172,148,233,1)50%,rgba(189,169,237,1)50%,rgba(189,169,237,1)100%);background:-o-linear-gradient(top,rgba(172,148,233,1)0,rgba(172,148,233,1)50%,rgba(189,169,237,1)50%,rgba(189,169,237,1)100%);background:-ms-linear-gradient(top,rgba(172,148,233,1)0,rgba(172,148,233,1)50%,rgba(189,169,237,1)50%,rgba(189,169,237,1)100%);background:linear-gradient(to bottom,rgba(172,148,233,1)0,rgba(172,148,233,1)50%,rgba(189,169,237,1)50%,rgba(189,169,237,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac94e9', endColorstr='#bda9ed', GradientType=0);border-radius:20px;color:#fff}
span.digit{display:block;font-family:"Roboto", sans-serif;float:none;margin:20% 0 0;padding:0;text-transform:uppercase;width:100%}
span.description{display:block;font-family:"Roboto", sans-serif;float:none;font-size:20%;text-transform:lowercase;width:100%}
span.dagen{color:#a1d36e}
span.uren{color:#55c1e7}
span.minuten{color:#fa6f57}
span.seconden{color:#ac94e9}
canvas{display:block;position:fixed;top:0;left:0;bottom:0;right:0}