body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #F1F1F1;
}

#wrapper {
    position: fixed;
    max-width: 900px;
    min-width: 280px;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

#container {
    -webkit-box-shadow: 0 0 3px #b5b3b3;
    -moz-box-shadow: 0 0 3px #b5b3b3;
    box-shadow: 0 0 3px #b5b3b3;
    border-collapse: separate; /* Required by IE 9 */
    padding: 50px;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

h2 {
    color: #3C352F;
    text-shadow: 1px 1px 1px #DADADA;

}

code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

svg {
    fill: #208cd5;
}

#sub-msg, #etamsg {
    color: #696868;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#footer {
    padding: 5px;
}

#footer a {
    color: #208CD5;
    text-decoration: none;
    font-size: 11px;
}