#main-page{
    display:block;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
#back-img{
    width:100%;
    overflow:hidden;
    opacity:0.7;
    position:fixed;
    z-index:-1;
}
#circle-bar{
    display:block;
    margin:auto;
}
#circle-bar-holder{
    width:100%;
    bottom:10px;
    display:block;
    position:absolute;
    text-align:center;
    z-index:3;
}
#circle-bar img{
    width:18px;
    cursor:pointer;
}
.content-parent {
    display: table;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index:1;
}

.content-child {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin:auto;
}
.play-game{
    padding:15px;
    border:2px solid black;
    border-radius:5px;
    width:400px;
    display:block;
    margin:auto;
    background-color:rgba(256,256,256,0.2);
}
.play-game:hover{
    cursor:pointer;
    box-shadow:0px 0px 10px 1px black;    
}
.play-game h1{
    font-family:Geo,sans-serif;
}
@font-face {
    font-family: Geo;
    src: url(GeosansLight.ttf);
}