*{
    margin: 0;
    padding: 0;
    list-style: none;
}

body{
    font-family: Arial;
    font-size: 1em;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
}

#wrapper{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#portrait, #landscape{
    text-align: center;
    vertical-align: middle;
}

#loader{
    -webkit-text-stroke: 2px black;
    color: white;
    font-size: 4em;
    -webkit-animation: loaderAnimation 2s infinite alternate;
}

@-webkit-keyframes loaderAnimation{
    from {text-shadow: 0 0 0 black;}
    to {text-shadow: 0 0 20px black;}
}

.screen img, .screen div{
    position: absolute;
    top: 0px;
    left: 0px;
}

.button{
    color: white;
    font-size: 1.5em;
    padding-top: 5px;
    width: 170px;
    height: 35px;
    -webkit-border-radius: 5px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(23,97,5)),
        color-stop(1, rgb(80,201,28))
    );
    -webkit-box-shadow: 2px 2px 5px black;
}

.screen{
    opacity: 0;
    -webkit-transition: opacity 0.5s;
}

.fadeIn{
    opacity: 1;
}

.slideScreen{
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: -webkit-transform 0.5s;
}
.background{
    top: 0px;
    left: 0px;
    width: 960px;
    height: 640px;
}