index.css

@font-face {
    font-family: Kana;
    src: url(fonts/AozoraMincho-bold.ttf);
}
@font-face {
    font-family: Main;
    src: url(fonts/homework%20normal.TTF);
}
html, body {
    font-family: Main;
    overflow:hidden;
    font-size:30px;
}
.page {
    display:none;
    /*all pages should be invisible at the beginning*/
    background: url('Images/Background Scroll - bordered.png');
    position: absolute;
    color:white;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    margin-left: 20;
    z-index: 1;
    overflow: hidden;
}
#menupage {
    text-align:center;
    font-size:120px;
}
#settingspage {
    text-align:center;
    font-size:90px;
    overflow:hidden;
}
#maintitle {
    width:640px;
    position: absolute;
    left:0;
    top:220px;
    z-index:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#non-mobile {
    font-family:Georgia,serif;
    font-size:20px;
    z-index: 3;
    text-align:center;
}
#overlay {
    z-index: 4;
    text-align:center;
    position: relative;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
#loading {
    margin-top:700px;
    z-index:1
}
.menuOption {
    margin-top: 0px;
    margin-bottom: 50px;
}
#backbutton {
    width:100px;
    position:absolute;
    left:10px;
    top:10px;
    z-index:2;
    display:none
}
.titleWrapper {
    display: table-row;
    position: relative;
    width: 100%;
    height: 168px;
}
.title {
    position:absolute;
    font-size:160px;
    margin-top:0;
    right: 20px;
    top:-10px;
}
.titlehead {
    position: absolute;
    height: 168px;
    width: 540px;
    right: 0;
    overflow:hidden;
    background: url('Images/Header2.png');
}
.tableWrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.bottomRow {
    display: table-row;
    width:100%;
    height:100%;
}
.wrapper {
    width: 100%;
    height: 100%;
    position:relative;
}
.marginWrapper {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:10px;
}