body	{font-family:Arial; margin:0; font-size:12pt}
a	{color:black; text-decoration:none; outline:none}
.c1	{position:fixed; display:table; width:100%; height:100%}
.c2	{display:table-cell; vertical-align:middle; text-align:center}
.c3	{display:inline-block; min-width:200px; max-width:500px; text-align:left}
.c4	{background:#FFFDFB; box-shadow:inset -5px -10px 20px -5px #80701040, 0 5px 10px 5px #40608030; border:1px solid #00000030; padding:20px}
.c5	{display1:block; text-align:center; border-radius:5px; margin:0; padding:25px}
.c6	{margin-top:40px}
.c7	{position:relative; z-index:-10; bottom:30px; right:-3%; width:94%; height:20px; box-shadow:0 15px 10px #777; transform:rotate(1.5deg)}
.c8	{text-align:center}
.c9	{background:#E33252; width:6em; height:6em; border-radius:6em; display:inline-block; box-shadow:5px 5px 10px #5A142180, inset -5px -5px 10px #5A142180}
.c10	{position:relative; width:4em; height:1.4em; top:2em; left:1em; padding:0.3em 0 0 0; background:#E0E0E0; box-shadow:-2px -2px 5px #5A142180, inset 2px 2px 5px #5A142140, inset -2px -2px 5px #FFFFFF80; font-weight:bold}
@media (min-resolution:200dpi)
{
  body	{font-size:22pt}
  .c3	{max-width:90%}
}
@media (min-resolution:200dpi) and (max-height:500px)
{
  body	{font-size:12pt; line-height:0.7}
}