html{
    height: 100vh;
    overflow-x: hidden;
}

body{
    background-color: #29434E;
}

@media(orientation: portrait){
    .app{
        position: relative;
        height: 40vw;
        margin: auto;
        top: 20vh;
    }

    .app img{
        position: absolute;
        width: 50vw;
        height: auto;
        margin: auto auto;
        left: calc(50vw / 2);
        z-index: 1;
    }
}

@media(orientation: landscape){
    .app{
        position: relative;
        height: 14vw;
        margin: auto;
        top: 20vh;
    }

    /*.app div{
        position: absolute;
        left: 0;
        width: 20vw;
        height: 100%;
    }*/

    .app img{
        position: absolute;
        left: calc(13.33vw / 2);
        width: 20vw;
        height: auto;
        z-index: 1;
    }
}