@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/lato_v14.woff2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(fonts/lato_v14_light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(fonts/lato_v14_bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html { padding:3em; background-image:url(bigback.jpg); text-align:center; color:#333; font-family:Lato,sans-serif; font-size:130%;  }
pre { border:1px solid #000; min-height:2em; padding:1em; text-align:left; background:#FFF; background:rgba(255,255,255,0.8); border:none !important; overflow:hidden;}
form { background:#9a0131; color:#FFF; padding:1em; opacity:0.9; line-height:150%; }
h1,h2,h3,h4,a { color:#9a0131; }
h1 { line-height: 160%; }
h2 { margin:0px; padding:0.2em; background:#333; color:#999; font-size:110%; font-weight:normal; }
#message { display:block; position:absolute; top:0px; left:0px; z-index:100; 
color:#333; padding:0px; width:100%; height:100%; margin:0px; text-align:center; font-size:120%;
background:#FFF; 
background:rgba(255,255,255,0.9); 
background:linear-gradient(to bottom, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 60%, rgba(255,255,255,0) 100%);
}
#message h1 { margin-top:1.5em; }
#proceed { font-weight:bold; }

.preview a { color:#FFF; }