.fPcontainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 440px;
    height: 440px;
    background-color: #99FF99;
    box-shadow: inset 0 0 10px 10px black;
}

.fPbox {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    background-color: #FFFFCC;
    border-radius: 10px;
    box-shadow: 5px 5px 5px black;
    font-size: 5em;
    text-align: center;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#tile1 {
    top: 10px;
    left: 10px;
}

#tile2 {
    top: 10px;
    left: 115px;
}

#tile3 {
    top: 10px;
    left: 220px;
}

#tile4 {
    top: 10px;
    left: 325px;
}

#tile5 {
    top: 115px;
    left: 10px;
}

#tile6 {
    top: 115px;
    left: 115px;
}

#tile7 {
    top: 115px;
    left: 220px;
}

#tile8 {
    top: 115px;
    left: 325px;
}

#tile9 {
    top: 220px;
    left: 10px;
}

#tileA {
    top: 220px;
    left: 115px;
}

#tileB {
    top: 220px;
    left: 220px;
}

#tileC {
    top: 220px;
    left: 325px;
}

#tileD {
    top: 325px;
    left: 10px;
}

#tileE {
    top: 325px;
    left: 115px;
}

#tileF {
    top: 325px;
    left: 220px;
}