div#legend {
}
div.click {
}
html, body {
    height: 100%;
}
body {
    text-align: center;
}
a#answer {
    color: #000000;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 120pt;
    font-weight: bold;
    margin-top: 200px;
    text-decoration: none;
}
.flag {
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    cursor: none;
    position: absolute;
}
.flag.ghost {
    opacity: 0.4;
}
.flag.me {
    pointer-events: none;
}
.click {
    border: 1px solid #000000;
    border-radius: 3px;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}
#legend {
    font-size: 10pt;
    padding-right: 15px;
    padding-top: 5px;
    position: fixed;
    right: 0;
    text-align: right;
    top: 0;
    width: 200px;
}

#container {
   min-height:100%;
   position:relative;
}
#header {
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}