@media only screen and (max-width: 600px) and (orientation: portrait){#app{--app-width: 100%;--app-height: 85vh}}@media only screen and (max-height: 600px) and (orientation: landscape){#app{--app-width: 100%;--app-height: 85vh}}@media only screen and (min-width: 768px) and (orientation: portrait){#app{--app-width: 50vh;--app-height: 70vh}}@media only screen and (min-width: 992px){body{background-color:gray}#app{--app-width: 30vh;--app-height: 50vh}}#app{width:var(--app-width);height:var(--app-height);max-width:var(--app-width);max-height:var(--app-height);min-width:300px;min-height:500px;margin:auto;border:2px solid black}