/* container stuff */
html, body{
    height: 100%;
}


/* main page formatting */
#main {
    margin:0;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    height: 100%;
};
/* container is relative to allow buttons to move */
#buttonContainer {
    position: relative;
    width: 100%
}
#background {
    width: 100%;
    height: auto;
    display: block;
}
/* Button specific positions */
#themeButton {
    position: absolute;
    left: 1%;
    top: 50%;
    background-color: transparent;
    border-color: transparent;
}
#aboutButton {
    position: absolute;
    left: 5%;
    top: 10%;
}
#gamesButton {
    position: absolute;
    left: 60%;
    top: 50%;
}
#technicalButton {
    position: absolute;
    left: 80%;
    top: 50%;
}
#hardwareButton {
    position: absolute;
    left: 80%;
    top: 75%;
}