* {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: black;
    width: 960px;
    margin: auto;
}

#header {
    margin: 10px;
    margin-bottom: 5px;
    background-color: green;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 100%;
}

#wrapper {
    background-color: green;
    width: 960px;
    margin: 10px;
    margin-top: 0px;
}

.edge {
    background-color: green;
    width: 245px;
    height: 450px;
    margin-top: 5px;
    float: left;
}

#container {
    width: 460px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.unit {
    height: 105px;
    width: 105px;
    margin: 5px;
    float: left;
}
.empty {
    background-color: gray;
}
.filled {
    color: red;
    line-height: 105px;
    text-align: center;
    font-size: 5em;
    font-family: verdana;
}

h3 {
    display: inline;
}

/* NUMBERS */

.num2 {
    background-color: #ebfaeb;
}
.num4 {
    background-color: #d6f5d6;
}
.num8 {
    background-color: #c2f0c2;
}
.num16 {
    background-color: #adebad;
}
.num32 {
    background-color: #99e699;
}
.num64 {
    background-color: #85e085;
}
.num128 {
    background-color: #70db70;
}
.num256 {
    background-color: #5cd65c;
}
.num512 {
    background-color: #47d147;
}
.num1024 {
    background-color: #33cc33;
}
.num2048 {
    background-color: #2eb82e;
}
.num4096 {
    background-color: #29a329;
}
.num8192 {
    background-color: #248f24;
}
.num16384 {
    background-color: #1f7a1f;
}
.num32768 {
    background-color: #196619;
}
.num65536 {
    background-color: #145214;
}