html,
body {
    background-color: #333;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
}

body {
    background: url("../img/beach-small.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

#canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.ads {
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    z-index: 1002;
    bottom: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    body {
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        left: 100%;
    }
}