
html {
    margin: 0;
    padding: 0;}

body {
    margin: 0;
    padding: 20px 50px;
    font-family: 'Trebuchet MS', sans-serif;}

h1 {
    font-weight: normal;
    font-size: 260%;
    margin: 0;
    margin-bottom: 10px;}

.activity {
    position: absolute;
    top: 35px;
    left: 250px;}

.message {
    position: absolute;
    left: 50%;}
    .message_text {
        position: relative;
        left: -50%;
        padding: 5px;
        font-size: 16px;
        white-space: nowrap;
        text-align: center;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
        background-color: rgba(203, 214, 219, 0.8);
        box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
        border-radius: 2px;}
        .message.error .message_text {
            background-color: rgba(220, 150, 150, 0.8);}
        .message.warning .message_text {
            background-color: rgba(251, 236, 93, 0.8);}

.note {
    color: gray;
    font-size: 200%;
    margin: 60px 0 20px;
    text-align: center;}

.greeting {
    margin-top: 50px;
    font-size: 400%;
    text-align: center;}



