@media screen and (orientation: landscape) {
    body {
        height: 500vh !important;
        /* Bigger than 100% to allow scroll */
        position: static !important;
        /* Override absolute from flutter */
        overflow-y: scroll !important;
        /* Allows verticall scrolling */
        overflow-x: hidden !important;
        touch-action: pan-y !important;
        /* Allows vertical scrolling */
        overscroll-behavior: none;
        /* Avoid bouncing scrolling on top/bottom edget */
        background-color: black;
        /*  background-image: url("assets/images/bgy.jpg"); */
    }

    /* Centers flutter canvas with a size of the viewport*/
    flt-glass-pane {
        position: fixed !important;
        /* Overrides absolute from flutter  */
        top: 50vh !important;
        left: 50vw !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        /*transform: translate(-53vw, -45vh) scale(1.15) !important; */
        transform: translate(-50vw, -50vh) scale(1) !important;
    }

    /*
  Scrollbar hide doesn't work on iOS, they add a default one when overflow:true and  -webkit-overflow-scrolling: touch;
  Sadly since iOS 13, this value is forced on iOS -> https://developer.apple.com/documentation/safari-release-notes/safari-13-release-notes
  */
    ::-webkit-scrollbar {
        display: false;
        width: 0px;
        height: 0px;
        /* Remove scrollbar space */
        background: black;
        /* Optional: just make scrollbar invisible */
    }
}